引導材料日期選擇不NG重複彈出

Question

我有一個動態創建日期字段，它是假設調用材料日期選擇器（jQuery的）

<script type="text/javascript"> 
    $('.date1').bootstrapMaterialDatePicker({ weekStart : 0, time: false }); 
    $.material.init(); 
</script> 
<div ng-repeat="JobExp in jobpostings"> 
    <div class="form-group-md pull-right"> 
     <input type="text" class="date1 form-control" ng-model="JobExp.posting_date"> 
    </div> 
</div> 

一種形式，當我不使用納克它的工作原理精絕-重複。

<script type="text/javascript"> 
    $('.date1').bootstrapMaterialDatePicker({ weekStart : 0, time: false }); 
    $.material.init(); 
</script> 
<div class="form-group-md pull-right"> 
    <input type="text" class="date1 form-control" ng-model="JobExp.posting_date"> 
</div> 

時，我只用一個日期選擇器，但是當我用NG-重複打開日期選擇它彈出所需的日期選擇器。 我使用類而不是給Ids輸入類型，但仍存在問題。

Answer 1

它不起作用，因爲當你調用腳本ng-repeat還沒有渲染，所以沒有類data1的元素，你可能需要等待ng-repeat渲染，最好將腳本移動到角度服務

//call in controller when model for ng-repeat has been retrieved 
function createDatepicker(){ 
    $scope.$applyAsync(function(){ 
    $('.date1').bootstrapMaterialDatePicker({ weekStart : 0, time: false }); 
    $.material.init(); 
    }) 
} 

，而不是applyAsync可以使用$timeout沒有指定時間，將確保函數被調用NG-重複已經呈現