删除默认的ui-router状态,然后嵌套状态在AngularJS中处于活动状态

时间:2015-10-11 23:44:30

标签: angularjs angularjs-directive angular-ui-router angular-ui-router-extras

这可能是一个简单的答案,但我很难将我的大脑包裹起来。我正在构建一个Angular仪表板,一旦登录,用户就可以浏览到/ dashboard;我也有嵌套状态浏览仪表板。以下是我的状态设置(简洁缩短)

app.js

notifyAll()

dashboard.html

.state('dashboard', {
      url: '/dashboard',
      templateUrl: 'views/dashboard.html'
})
.state('dashboard.new', {
      url: '/new',
      templateUrl: 'views/dashboard.new.html'
});

虽然与这个问题无关,但我已经为页面标题和仪表板菜单创建了两个指令(以防万一你想知道那是什么)

浏览器视图(已编辑添加整个标题的另一个屏幕截图) enter image description here enter image description here

enter image description here

我想知道的是,当激活活动状态时 - 在此示例中,dashboard / new表示/ dashboard页面上的默认内容将不会显示。

感谢您一看 - 请问我任何事情,因为我知道我想要问的是什么,并且我希望我能做到而不会让人感到困惑。谢谢。

1 个答案:

答案 0 :(得分:1)

我认为最快的方法是使用ng-show隐藏默认文字。状态可以由$state对象确定。或者,也许它可以通过路由本身的resolve函数注入。