Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了具有ng-repeat的Angularjs为相同类型的多个元素生成相同的id大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个html页面,我有一个对象’Message’,它有一个属性’Properties’,它是一个对象数组.问题是,当我使用’ng-repeat’迭代’Message.Properties’项目来渲染我使用 angularjs创建的某些自定义元素时,它又生成一个id,我获得相同的id的id类型.这是我的代码示例:

<div data-ng-repeat="property in Message.Properties">
...
  <div ngm-if="(property.Type == 9)">                            
    <sdk:selectBox name="property.Title" row="" datafield="property.Value"
      options="property.ValueCollection" displayfield="Value" valuefield="Key"
      mandatory="property.isMandatory" labeled="property.Title" multiple="">
    </neolynk:selectBox>
  </div>
</div>

重新构造,当编译元素“sdk:selectBox”时,如果我在具有相同类型的Message.Properties中有2个属性(例如:9),则生成的id(创建的html输入)对于两者都是相同的(虽然我随机生成它,但我当然需要不同的Ids用于不同的输入.我读到ng-repeat为每个项目制作模板的克隆,是吗?!怎么解决?我将不胜感激任何帮助.

解决方法

您可以在ng-repeat中使用$index来创建基于当前行的唯一ID.摘自 the docs

大佬总结

以上是大佬教程为你收集整理的具有ng-repeat的Angularjs为相同类型的多个元素生成相同的id全部内容,希望文章能够帮你解决具有ng-repeat的Angularjs为相同类型的多个元素生成相同的id所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: