我有两个指令,一个显示对象列表,另一个将对象添加到该列表中。我遇到的问题是,该列表以这种方式与另一个元素列表联系在一起:
主要代码:
<!--main code -->
<div>
<ul>
<li>
<element-a></element-a>
</li>
<li>
<element-a></element-a>
</li>
<li>
<element-a></element-a>
</li>
<li>
<element-a></element-a>
</li>
</ul>
</div>
元素A模板
<!-- element-a template -->
<ul>
<li>
<my-element-list></my-element-list>
</li>
<li>
<my-element-list></my-element-list>
</li>
<li>
<my-element-list></my-element-list>
</li>
<li>
<my-element-list></my-element-list>
</li>
</ul>
我的列表模板:
<!-- my-element-list template -->
<button type="button" data-ng-click="addElement()">Add</button>
<ul>
<li>
my element data
</li>
<li>
my element data
</li>
<li>
my element data
</li>
</ul>
我对角度还不熟悉,但我不希望在每个列表中都有add指令,因为这将有许多不需要的代码添加到html中。此外,add是一个具有模板等的指令,用于显示将请求元素数据的模态对话框。
这是正确的做法吗?单击“添加”按钮时,如何才能显示“添加模式”对话框?我尝试过使用$broadcast
和$emit
,但是add指令不是元素列表的父/子元素。
发布于 2014-02-10 07:12:26
https://stackoverflow.com/questions/21680642
复制相似问题