我正在使用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中。