Javascript AngularJS：如何从控制器的变量中呈现指令？

在我的控制器中：

我的指示：

在我的html中：

为什么这不起作用？如何执行此操作？

只需使用ng bind指令将自定义指令添加到html中即可

<div class="ng-bind:'directiveName'"></div>

更新 您的指令支持类、属性和标记。因此，您也可以使用另一种格式的指令

<div {{directiveName}}></div>

---

尝试使用ng类：这是不可行的。也不要工作，那是因为angular不知道。i、 e您的模板dom元素将无法重新编译。你介意添加更多关于你想要实现的目标的信息吗？似乎您希望基于变量呈现不同的模板。。。如果是这样，我建议您创建一个指令，根据给定的属性定义要渲染的模板，并在其上设置$watch，这样您就可以重新编译新模板了，但不要工作并将directiveName包装在单引号directiveName中-它是带有字符串值的变量，从控制器分配它并不是什么好主意。使用另一种格式

<div class="{{directiveName}}"></div>

<div class="ng-bind:'directiveName'"></div>

<div {{directiveName}}></div>