为什么角度停止处理多个指令

时间:2014-10-28 04:54:51

标签: angularjs angularjs-directive

为什么angular不处理其他指令?

我在div中有2个指令(限制为Ele​​ment,限制:'E')。

但angular处理了我的第一个指令,并没有处理另一个指令。

<div>
    <directive-one />
    <directive-two />
</div>

我正在使用AngularJS v1.2.23。

http://plnkr.co/edit/3R3pfCTS0iK0IdHIdv84

1 个答案:

答案 0 :(得分:0)

发现问题是自动关闭指令标签,即。 HTML规范不支持此类标记,因此HTML /浏览器解析器会忽略它。 请参阅https://github.com/angular/angular.js/issues/1237

得到了几个答案, 答案1:对指令使用open和close标签

<div>
    <directive-one></directive-one>
    <directive-two></directive-two>
</div>

解决方案2:将每个指令嵌入div(以某种方式工作)

<div><directive-one /></div>
<div><directive-two /></div>

我正在使用AngularJS v1.2.23。

http://plnkr.co/edit/W6dFdxDESdTIQuCieqwz