2017-02-20 64 views
1

我嘗試創建一個簡單的角度應用程序。其邏輯是這樣的:Angular無法解析指令中的數據綁定

  1. 輸入城市名稱(例如:海防)

  2. 點擊搜索 - >還有會導致showed->點擊結果 - >地圖更新到新位置 - >點擊標記 - >將會有一個信息框顯示信息。

但是,方向似乎保持原來的表達。你有什麼想法?

enter image description here

這是我用來獲取信息框(內部控制),您可以通過plunker鏈接詳見:

$scope.getInfoBoxContent = function (index) { var content = '<div today-info-directive details="' + index +'"></div>'; var compiled = $compile(content)($scope); console.log('compiled', compiled); return compiled[0]; }

http://plnkr.co/edit/pHjqHGNupAZnO5ORSjQW?p=preview

該指令似乎以包含其模板但不解析表達式(例如:{{1 + 2}})

先進的感謝!

回答

1

使用templateUrl,刪除所有'\'字符將指令模板複製到另一個文件並將其URL提供給指令的templateUrl。看看它是否有效。剛剛在你的小提琴上進行測試,它確實

+0

謝謝!有效!!! 但是,我不知道將內容放入模板屬性和特定文件之間的區別。如果你給我這種好奇心的解釋,那很好。 順便說一句,你回答救了我的生命^ – vuquanghoang

+1

告訴你實話,我不知道爲什麼它的工作。我所知道的是,我厭惡多行字符串,通常對每個模板使用單獨的文件是一種很好的做法。如果您想使用多行,請使用es6 反向符號 –

+0

感謝您的推薦! – vuquanghoang