Question

我想显示/隐藏特定内容，具体取决于我的角度应用的状态。但它显然只适用于“儿童状态”......

我试着这样做：

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模型中

拥有'。'在你的模型中将确保原型继承发挥作用。所以，使用而不是。“

Angular ui-router显示/隐藏特定状态

1 个答案: