NG-重複的腳本塊不工作

Question

我需要調用一個js函數時的NG-重複創建模板：

<div ng-repeat="item in items"> 
    <input id="ip{{item.id}}"> 
    <script>$(function() { $('#ip{{item.id}}').kendoDatePicker(); });</script> 
</div> 

預期的ID替換，但是角度似乎並沒有在裏面工作腳本標籤。

Answer 1

這是正確的，Angular不會評估script標籤中的表達式。您將需要使用一個指令來爲每個元素初始化Kendo插件。

好消息是Kendo already has a module與Angular集成，所以你不妨使用它。 Here is a plunk我放在一起顯示在一箇中繼器。

<div ng-repeat="item in items"> 
    <label for="{{item.id}}">{{item.id}}</label> 
    <div> 
    <input kendo-date-picker ng-model="item.value" /> 
    </div> 
</div> 

控制器：

angular.module("demo", ['kendo.directives']) 
    .controller('DemoCtrl', ['$scope', 
    function($scope) { 
     $scope.items = [{ 
     id: 'item1', 
     value: null 
     }, { 
     id: 'item2', 
     value: null 
     }, { 
     id: 'item3', 
     value: null 
     }, { 
     id: 'item4', 
     value: null 
     }]; 
    } 
    ]);