我正在创建一个指令,我需要在该模板中使用作用域的变量值作为要加载的指令(或控制器)的名称。
假设我有一个指令小部件,它有一个名为 widget.html 的模板,如下所示:
<div class="widget widget.type" {{widget.type}} ng-controller="widget.type">
<div class="navBar">
<div ng-include="widget.type + '-t.html'"></div>
<i class="fa fa-close"></i>
<hr>
</div>
<div ng-include="widget.type + '-f.html'"></div>
</div>
现在widget.type
没有在第一行进行评估。它适用于 ng-include。Saywidget.type
的值为weather
. 然后应该首先对第一行进行插值,使其看起来像(无论是否插入了类属性、widget.type-attr 或 ng-controller)
<div class="widget" weather>
然后编译以包含天气指令。
如何widget.type
在模板中进行插值?
不是一个选项是使用 ng-include 来加载指令。我需要为小部件使用一个通用模板,并希望使用附加功能/变量添加/覆盖/扩展基本指令。
如果这不是实现这一目标的方法,有没有办法以OOP 方式扩展指令?