angularjs ng-view с внешним контроллером

Question

Связанная скрипта содержит простое приложение, в котором я хочу, чтобы моя переменная isLoggedIn оставалась обновленной. Проблема в том, что функция вызывается 3 раза за один проход.

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

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

return false; 
}; 

Что является лучшим способом для достижения связывания в моем случае так, что мой Navbar остается обновляется на основе аутентификации пользователей 2WAY данных.

Answer 1

вы должны использовать ng-show с $scope.variable не $scope.function , поскольку угловыми тронут ng-show несколько раз во время инициализации.

вместо этого использовать 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" и не вызывается три раза в перспективе. Используйте переменную, которая задает значение true/false вместо функции.