0

这可能是一个简单的答案，但我很难将我的大脑包裹在它周围。我正在构建一个 Angular 仪表板，一旦登录，用户可以浏览到 /dashboard；我还有用于浏览仪表板的嵌套状态。下面是我的状态是如何设置的（为了简洁而缩短）

应用程序.js

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

仪表板.html

<div page-header></div>
<div dashboard-menu></div>
<section>
    <div class="container mt48">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h4 class="uppercase mb16">This is the dashboard default page</h4>

                <p class="lead mb64">
                    FSed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
                    odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
                </p>
            </div>
        </div>
        </div>
    </div>
</section>
<div ui-view></div>

虽然与这个问题无关，但我为页眉和仪表板菜单创建了两个指令（以防你想知道那是什么）

浏览器视图：（编辑以添加整个标题的另一个屏幕截图） 在此处输入图像描述 在此处输入图像描述

在此处输入图像描述

我想知道当一个活动状态被激活时该怎么做——在这个例子中，dashboard/new 将不会显示 /dashboard 页面上的默认内容。

感谢您查看 - 请问我任何问题，因为我知道我想问什么，并希望我没有混淆。谢谢你。

4

1 回答 1

1

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

于 2015-10-12T22:52:17.683 回答