2017-02-20 61 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