在Angularjs中自動執行函數

Question

我希望這個函數自動執行，但不工作。

$scope.checkdate = function(){ 
    $scope.checked = 0; 
    $scope.unchecked = 0; 
    for(var i = 0; i < $scope.inventories.length; i++) { 
     if($scope.inventories[i].modified === $scope.time){ 
      $scope.checked = $scope.checked + 1; 
     }else if($scope.time2 !== $scope.time){ 
      $scope.unchecked = $scope.unchecked + 1; 
     } 
    } 
}; 
$scope.checkdate(); 

而且我的模板看起來像這樣：

<ul ng-init="checkdate()"> 
     <li><input type="checkbox" /> Checked {{checked}}</li> 
     <li><input type="checkbox" /> Unchecked {{unchecked}}</li> 
     <li><input type="checkbox" /> All</li> 
</ul> 

Answer 1

首先，從Angular's documentation約ng-init：

唯一的適當使用ngInit的是別名ngRepeat

的特殊屬性

所以你不應該在你的例子中使用它。

其次，您的init函數不應附加到$scope，因爲不需要它。它應該是控制器的私人功能。

第三，我們看不到控制器的定義。很可能你沒有創建一個，因此 - Angular不會關心其他的代碼。

所有的五分之一，你會得到在任何時間響應您是否已經創建了一個JS撥弄一個例子:)

無論如何，你的代碼應該是這個樣子（樣板）。應該幫助你。

HTML模板：

<ul ng-controller="MyController"> 
     <li><input type="checkbox" /> Checked {{checked}}</li> 
     <li><input type="checkbox" /> Unchecked {{unchecked}}</li> 
     <li><input type="checkbox" /> All</li> 
</ul> 

MyController.js：

function MyController() { 
    $scope.checked = 0; 
    $scope.unchecked = 0; 

    // Define what needs to be done during initialization below. 
    function init() { 
     // I haven't checked your code but there are some uninitialized variables in there like $scope.inventories.... 
     for(var i = 0; i < $scope.inventories.length; i++) { 
      if ($scope.inventories[i].modified === $scope.time){ 
       $scope.checked = $scope.checked + 1; 
      } else if ($scope.time2 !== $scope.time){ 
       $scope.unchecked = $scope.unchecked + 1; 
      } 
     } 
    } 

    init(); // Call your private init function here. 
}