如何查看所有ng-init內容？

Question

我正在爲每個對象設備做進度條。

這裏是我的AngularJS代碼：

$scope.progressBarEquipements=function(idEquipement) { 

    $http.get(url+"/RestResponseCheckLists?idEq="+idEquipement) 
    .success(function(data) { 
      $scope.Pourcentage = data; 
     }).error(function(err, data) { 
      console.log("error : " +data); 
    }); 
}; 

該函數返回$scope.progressBarEquipements=function(idEquipement)：

console.log("data "+Pourcentage); 
/** 
* [{'NB_Resp':2,'NB_checks':154}] //For the first object And the others not 
*/ 

這裏是我的HTML代碼：

<div class="col-md-4" ng-repeat="eq in Checksf" ng-init="progressBarEquipements(eq.idEquipements)"> 
      <h4 class="list-group-item-heading" >{{eq.nomEq}} </h4> 
     <div class="progress progress-lg m-b-5" > 
       <div class="progress-bar progress-bar-purple" role="progressbar" ng-repeat="p in Pourcentage" ng-style="{width:{{((p.NB_Resp/p.NB_checks) * 100)}} + '%'}"> 
        {{((p.NB_Resp/p.NB_checks) * 100) | number:0}}% 
      </div> 
    </div>     
</div> 

所以我有四個項目的設備是顯示在html頁面中。

$scope.Percentage僅顯示 第一個對象的進度欄計算。

如何顯示每個對象在進度條中的計算？

預先感謝您

Answer 1

雖然，我不喜歡你正在使用NG-INIT的方式，下面應該工作：

$scope.progressBarEquipements=function(eq) { 

    $http.get(url+"/RestResponseCheckLists?idEq="+ eq.idEquipement) 
    .success(function(data) { 
     eq.Pourcentage = data; 
     }).error(function(err, data) { 
      console.log("error : " +data); 
    }); 
}; 

<div class="col-md-4" ng-repeat="eq in Checksf" ng-init="progressBarEquipements(eq)"> 
      <h4 class="list-group-item-heading" >{{eq.nomEq}} </h4> 
     <div class="progress progress-lg m-b-5" > 
       <div class="progress-bar progress-bar-purple" role="progressbar" ng-repeat="p in eq.Pourcentage" ng-style="{width:{{((p.NB_Resp/p.NB_checks) * 100)}} + '%'}"> 
        {{((p.NB_Resp/p.NB_checks) * 100) | number:0}}% 
      </div> 
    </div>     
</div> 

當時的想法是把你的函數「progressBarEquipements」完整的設備對象。這樣，您可以在服務器響應時更新它。

我不喜歡使用ng-init的方法，因爲 - 您的視圖行爲有點隱藏在您的控制器和您的模板之間。 - 如果我必須這樣做，我的API會給viewmodel包含我需要顯示的每個信息。