AngularJS NG重复

Question

所以经过插件初始化我使用MaterializeCSS，并有这段代码：

<select> 
<option value="" disabled selected>Jump To Season</option> 
<option option-item ng-repeat="item in series.seasons" value="{{item.id}}"> 
{{item.name}} 
</option> 
</select> 

和IM使用此指令：

.directive("optionItem", [function() { 
return { 
    restrict: 'A', 
    link: function (scope, element) { 
     if (scope.$last) { 
      $('select').material_select(); 
     } 
    } 
}; 
}]); 

现在的元素并重复多次根据需要，但不是显示$ scope.item.name值，而是将{{item.name}}显示为纯文本，而不是表达式值。我如何克服这个挫折？我尝试过使用Material Angular md-select，但是我也遇到过它的问题，每次点击选择我都无法点击网页上的任何内容，也没有任何反应。

---

重要提示： 的series.seasons阵列通过AJAX调用取出。

---

Answer 1

建议您尝试使用$timeout()，看是否移动到下一个消化周期有助于

.directive("optionItem", ['$timeout',function ($timeout) { 
return { 
    restrict: 'A', 
    link: function (scope, element) { 
     if (scope.$last) { 
      $timeout(function(){ 
       element.parent().material_select(); 
      }); 
     } 
    } 
}; 
}]); 

不过请注意，你可能还需要需要ngModel控制器和管理模式从插件事件

内改变自己

如果不这样做，创建一个带有所需资源的plunker演示来复制此代码

Answer 2

set option-item指令上select

<select option-item> 
     <option value="" disabled selected>Jump To Season</option> 
     <option ng-repeat="item in users" value="{{item.id}}"> 
      {{item.name}} 
     </option> 
    </select> 

和变更指令

.directive("optionItem", ['$timeout', function ($timeout) { 
    return { 
     restrict: 'A', 
     link: function (scope, element) { 
      $timeout(function() { // wait ng-repeat 
       $('select').material_select(); 
      }) 
     } 
    }; 
}]); 

http://jsfiddle.net/vorant/q9bkrzfo/5/