Angularjs - $compile元素上的click变量不会被编译

Angularjs - $compile element on click variable is not compiled

本文关键字：变量 编译 click compile 元素 Angularjs      更新时间：2023-09-26

我想用新变量编译元素oc点击，但第一次点击后的变量显示在大括号中{{变量}}->参见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);
      });
    }
  }
});

你所需要做的就是:

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

到目前为止，您正在先编译然后追加。换行就行了

相关文章：