应用指令，动态创建的DOM

Question

我工作的AngularJS应用程序，我现在用的是下面的指令

app.directive('w34Lang', function() { 
return { 
    restrict: "A", 
    template : "<select ng-model='language'><option selected disabled value=''>Language</option></select>", 
    link: function (scope, elem) { 
     scope.isolateScope = true; 
     var lang= angular.element(elem.find('select')[0]); 
     var langs = ["arabic" ,"english","Portugal"] 
     for (var i = 0; i < langs.length; i++) { 
      lang.append('<option value="'+langs[i]+'">'+langs[i]+'<otion>'); 

     } 


     } 
    } 

}) 

在我使用这个指令，没有任何问题的HTML

，问题是，当我加入一个具有相同指令的动态创建的DOM元素。它只是在HTML中创建的，但该指令不适用于它。

无论如何要将指令应用到动态创建的DOM？

Answer 1

从来没有听说过exec，或能够找到它的任何文件。那是什么？

无论如何，在你的link函数中，你需要编译你的动态生成的DOM。像这样：

app.directive('w34Lang', function() { 
    return { 
     restrict : "A", 
     template : "<select ng-model='language'><option selected disabled value=''>Language</option></select>", 
     scope: {}, 
     link: function (scope, elem, attrs) { 
      var langs = ["arabic", "english", "Portugal"]; 

      for (var i = 0; i < langs.length; i++) { 
       var template = '<option value="' + langs[i] + '">' + langs[i] + '</option>'; 

       elem.append(angular.element(template)); 
      } 
     } 
    } 
});