javascript - 带有 ng-repeat 的动态 id

标签 javascript angularjs

我正在使用 AngularJS,并且我有一个带有复选框的表单,是用 ng-repeat 生成的。我想动态生成每个 checkbox 的 id,我尝试这样做:

<label ng-repeat="x in placeTypes">

    <input type="checkbox" id='{{x.value}}'>
    {{x.display}}
    <br>
</label>

但是当我尝试通过 Id 获取元素时,该元素为 null

最佳答案

你可以这样做:

    <label ng-repeat="x in placeTypes track by $index">
       <input type="checkbox" id="checkbox{{$index}}">
       {{x.display}}
       <br>
   </label>

关于javascript - 带有 ng-repeat 的动态 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47274976/

相关文章:

javascript - 这个函数有什么问题吗?不返回我指定的内容

javascript - 使用 Electron Build 捆绑 MSI 安装程序

javascript - 创建类型安全的链式验证

javascript - AngularJS x-可编辑的带条件的预输入

javascript - document.getElementById ('articleTitle' ).value 不起作用

javascript - 表达 + AngularJS : app hangs on invalid url

angularjs - 为什么我可以从浏览器发出 REST API 请求,但不能从 Angular 的资源发出请求?

angularjs - 如何让我的 ui-router 进入与 Controller 不同的状态?

php - AngularJs http 获取到 PHP 脚本返回 php 代码

javascript - JS多维数组排序列表