javascript - angularjs如何在链接函数中绑定(bind)数据

Question

我有一个这样的指令。

app.directive('updateinfo', function() {
    function link(scope, element, attrs) {
      function update(){
         var str = '<input type="text" ng-model="scope.log1" />';
         element.html(str);    
      }
      update();
    }
    return {
      link: link
    };
});

该指令显示一个文本输入框，但不显示 scope.log1 值，并且在文本框中所做的更改不会反射(reflect)在范围变量中。我想使用链接函数，因为我想访问其他范围变量。有没有办法使用链接函数并仍然将数据绑定(bind)到作用域变量。

感谢任何帮助。

Answer 1

首先，您不得将 scope 或 $scope 写入 DOM。
其次，您需要编译您的内容

app.directive('updateinfo', function($compile) {
     function link(scope, element, attrs) {
          var str = '<input type="text" ng-model="log1" />';
          element.html(str);   
          $compile(element.contents())(scope);
     }
     return {
          link: link
     };
});