如何使用指令使用范围变量进行编译

时间:2014-08-12 20:39:35

标签: angularjs-directive

我的指令中有以下代码。

scope.value = 5;
alert(scope.value);
var compiled = $compile("<div><h1>{{value}}</h1></div>")(scope);
alert(compiled[0].outerHTML)

第一个警报值是5,但是第二个警告值显示......

<div><h1>{{value}}</h1></div>

如何让它识别价值?

1 个答案:

答案 0 :(得分:1)

我认为警报会停止执行,因此js尚未编译。

请参阅此http://plnkr.co/edit/iaJsO8qPk1Knoh1mXRjy?p=preview

setTimeout(function(){
   alert(compiled[0].outerHTML);
 },100);

我添加了超时以提醒编译,所以我可以看到针html。

执行console.log(编译[0] .outerHTML);