角度嵌套组件在不同视图中重复

时间:2016-01-17 11:52:10

标签: angularjs

我正在使用Angular 1.5和角度新路由器(组件路由器),但我相信这个问题也适用于Angular 2。

如果我有一个始终可见的工具栏(无论我在哪个视图/路线上)但是内容发生了变化,那么正确的方法是什么:

创建多个工具栏,每个“视图”一个(即使工具栏包装器是相同的html)或者 有没有办法做类似下面的事情,并以某种方式“注入”或以其他方式指定将在工具栏中显示哪些字段和按钮:

<body>
    <app>
        <app-header>
            <!-- logo, username, etc. -->
        </app-header>
        <toolbar>
            <filters>
                <!-- such as search, etc. -->
            </filters>
            <actions>
                <!-- such as "create new" button, etc. -->
            </actions>
        </toolbar>
        <view-one>
            <!-- content -->
        </view-one>
        <view-two>
            <!-- content -->
        </view-two>
    </app>
</body>
  • 每个工具栏都有<filters><actions>,每个工具栏都有自己的html,但按钮/字段位于每个“视图”的更改中。

  • 我意识到在一个真实的应用程序中,上述某些标签只会包含在各自的组件中,而不会包含在主html中。

0 个答案:

没有答案