javascript - Angular ui-router 在特定状态下显示/隐藏元素

Question

我想根据我的 Angular 应用程序的状态显示/隐藏特定内容。但它显然只适用于“ child 状态”......

我尝试这样做:

function($scope, $rootScope, $state){
     $rootScope.$state = $state;
}

然后是我的 html:

// THIS DOES NOT WORK - ELEMENT REMAINS HIDDEN!!!             
<div data-ng-show="$state.includes('home')">some content...</div>

// THIS WORKS - ELEMENT IS VISIBLE ON STATE!!
<div data-ng-show="$state.includes('artist.videos')">some content...</div>

所以，我的问题是:为什么它在 'home' 状态下不起作用？？

这里有什么问题？

Answer 1

这与范围继承有关。查看以下链接:

https://github.com/angular/angular.js/wiki/Understanding-Scopes

具体:

“通过遵循始终有一个‘.’的“最佳实践”，可以轻松避免原语的这个问题。在你的 ng-models 中

有一个“.”在您的模型中将确保原型(prototype)继承发挥作用。所以，使用 而不是 ”