AngularJs - 切换指令模式

Question

我想创建一个带有可交换控件的头指令。标题包含一个搜索输入，它在整个应用程序中保持不变，还有一些按钮，这些按钮因页面而异。

我考虑过可以作为参数传递的子指令的使用，但由于多个模板请求，它们给我multidir错误：

header.html中

<div class="header">
  <input type="text">
</div>

mode1.html

<div class="controls">
  <buutton>Foobar</button>
</div>

用法：

 <app-header mode1>

我的第二个想法是使用共享服务，通过确定活动模式来初始化可用控件。但这似乎有点奇怪。

如何使用不同模式创建此类指令？