如何使用angularjs在單個ng-init中直接調用多個函數

Question

我只是嘗試在angularjs的單個ng-init中調用兩個函數，但它通過對我的錯誤。 我的代碼：

ng-init="function1();function2();" 

我不知道如何調用這些函數correctly.anyone可以給我一些想法去做。
Thanls advance ..

Answer 1

看看下面的鏈接，看看控制檯。

http://plnkr.co/edit/60Ry6hwiunAF12PZclNW?p=preview

HTML

<div ng-init='one(); two();'></div> 

JS

$scope.one = function(){ 
    console.log('one') 
}; 

$scope.two = function(){ 
    console.log('two') 
}; 

希望這是你期待什麼

Answer 2

您可以創建一個像 「初始化」 一個主要功能和呼叫等功能在那個函數裏面。

ng-init="init()" 

從控制器

function init() { 
    function1(); 
    function2(); 
} 

Answer 3

首先，這應該工作，也可能是原因，它不就是因爲你沒有在這些範圍功能。這個或祖先元素上是否有ng-controller？

如果你這樣做，確保這些功能在範圍定義：

.controller("MainCtrl", function($scope){ 
    $scope.function1 = function(){...}; 
    $scope.function2 = function(){...}; 
}); 

其次，你不應該使用ng-init在所有調用函數。

<div ng-controller="MainCtrl"> 
</div> 

相反，在控制器調用這些函數：

.controller("MainCtrl", function($scope){ 
    function1(); 
    function2(); 

    function function1(){...}; 
    function function2(){...}; 
}); 

從Angular documentation on ngInit：

唯一適當使用ngInit的是混疊ngRepeat的特殊性能，如在可見演示如下。除了這種情況，您應該使用控制器而不是ngInit來初始化作用域上的值。