通过AngularJS将ID应用到select构建中

Applying an ID to a select build by AngularJS

本文关键字：select 构建 应用 AngularJS ID 通过      更新时间：2023-09-26

好的，我建立了一个选择输入，如下所示:

<select 
    id='change-connect-week-in-manage-panel-dropdown' 
    ng-change='changeConnectEditing()' class="form-control" 
    ng-model="connectData.connectId" 
    ng-options="opt.id as opt.name for opt in connectData.connects"
>
</select>

构建如下内容:

<select 
    id="change-connect-week-in-manage-panel-dropdown" 
    ng-change="changeConnectEditing()" 
    class="form-control ng-valid ng-dirty ng-valid-parse ng-touched"   
    ng-model="connectData.connectId" 
    ng-options="opt.id as opt.name for opt in connectData.connects"
>
    <option value="0" selected="selected">Week 15</option>
    <option value="1">Week 14</option>   
    <option value="2">Week 13</option>
    <option value="3">Week 12</option>
    <option value="4">Week 11</option>
</select>

我想创建这个(注意现在每个选项标签上的id属性):

    <select 
    id="change-connect-week-in-manage-panel-dropdown" 
    ng-change="changeConnectEditing()" 
    class="form-control ng-valid ng-dirty ng-valid-parse ng-touched"   
    ng-model="connectData.connectId" 
    ng-options="opt.id as opt.name for opt in connectData.connects"
>
    <option id="1" value="0" selected="selected">Week 15</option>
    <option id="2" value="1">Week 14</option>   
    <option id="3" value="2">Week 13</option>
    <option id="4" value="3">Week 12</option>
    <option id="5" value="4">Week 11</option>
</select>

我已经尝试过ng-options="opt.id as opt.name for opt in connectData.connects track by opt.id"，但我不知道如何像你通常可以与{{$index}}一样应用id，我不确定还能做什么。谢谢。

使用ng-repeat (https://docs.angularjs.org/api/ng/directive/ngRepeat)代替。ng-options将不允许您添加自定义属性的选项

相关文章：