也许 2 路绑定和$watch的使用对我来说仍然不是很清楚......但我期待这段代码应该可以工作！
我的索引.html页面中有一个 topNavbar 指令。如果用户未登录，则顶部导航栏应显示登录按钮，否则，如果用户已登录，则显示登录按钮。
所以我在topNavbar中有一个ng-switch，查看CurrentUserService的isLoged属性。我想这就像$watch(CurrentUserService.isLogged).
但是，当我CurrentUserService.isLogged更改为true时，ng-switch不会立即更新。在我的任何操作后，它都会更新，例如单击按钮或更改视图。为什么它没有像我预期的那样工作？
这是我的代码：
索引.html
<html lang="it" xmlns:ng="http://angularjs.org" ng-app="epoiApp">
...
<body style="overflow-y: auto;">
...
<top-navbar></top-navbar>
...
</body>
</html>
指令模板顶部导航栏
<div ng-switch on="navbarCtrl.isLogged()">
<div ng-switch-when="false">
<login-button></login-button>
</div>
<div ng-switch-when="true">
<loggedin-button></loggedin-button>
</div>
</div>
控制器导航栏Ctrl
controller:function(CurrentUserService)
{
this.isLogged = function()
{return CurrentUserService.isLogged();}
}
当前用户服务
.service('CurrentUserService', function ()
{
// initialization
_islogged = false;
this.isLogged = function()
{ return _islogged; };
}
谢谢
这是一个笨蛋。
当模型发生变化时，Angular 会启动摘要循环（这就是为什么在以某种方式与 UI 交互后，您会注意到它更新的原因）。
服务内闭包变量的更改不是模型的一部分，因此当您知道此变量已更新时，需要手动$scope.$apply()以启动摘要周期。