Angular JS表单在页面上出现两次，如何处理重复的ID？

Question

我使用ng-include将表单加载到页面上（templates / form.html）。

用户还可以单击打开Angular UI模式窗口的按钮，其中包含从同一模板加载的相同表单。

这导致我出现问题，因为我使用<label for="email">来处理复选框等内容，并且页面上的表单导致重复的元素ID（因此单击标签会检查两种形式的框）。

有没有办法加载包含然后使用某种插值更改每个ID的名称？也许像<input type="checkbox" id="{{instanceName}}-email">

或许还有更好的解决方案？

Answer 1

是的，但如果模态的范围从其父级继承，则可能会发生命名冲突。

因此，请确保您的模态具有完全新的独立范围，然后在控制器初始化时更改instanceName。