Angularjs - click变量上的$ compile元素未编译

时间:2015-09-30 10:32:13

标签: javascript angularjs scope

我想用新变量编译元素oc点击,但是第一个点击变量显示在大括号中{{variable}} - >见plnkr

var app = angular.module("myApp",[]);
app.directive('tester',function($compile){
  return{
    restrict:'E',
    templateUrl:'fruits.html',
    replace:true,
    link: function(scope,elem,attrs){
      elem.bind("click", function(e){
        scope.fruit = 'apple';

        var template = "<p>{{fruit}}</p>";
          elem.append(template);
          $compile(elem.contents())(scope);
      });

    }
  }
});

1 个答案:

答案 0 :(得分:0)

您需要做的就是:

 elem.append(template);
 $compile(elem.contents())(scope);

截至目前,您正在编译,然后进行追加。 交换线条,它将工作。