anglejs ng-view with outer Controller

Question

リンクされたフィドルには、変数isLoggedInを更新したままにしたいという単純なアプリケーションが含まれています。 問題は、関数が1回の実行で3回呼び出されることです。

https://jsfiddle.net/michael_loukeris/xprmoq65/

$scope.isLoggedIn = function(){ 
    console.log('errr'); 
    //calling a service 

return false; 
}; 

私のナビゲーションバーは、ユーザ認証に基づいて更新されたままとなるよう、私の場合にはバインディング2WAYデータを達成するための最良の方法は何ですか。

Answer 1

角度が初期化中ng-show数回触れますので、あなたは$scope.variableとng-showない$scope.function を使用する必要があります。

代わりにng-initを使用してください。あなたのケースで

：

<ul ng-init='checkUser()'> 
    <li><a href="#/this" ng-show="isLoggedIn">This</a></li> 
    <li><a href="#/that">That</a></li> 
    <li><a href="#/other">Other</a></li> 
    </ul> 

。

app.controller('MainCtrl', function ($scope) { 
$scope.checkUser = function(){ 
    $scope.isLoggedIn = false; 
    console.log('errr'); 
}; 

Answer 2

ng-controller="MainCtrl"を削除し、実行時に3回呼び出されません。 関数の代わりにtrue/falseに設定された変数を使用します。