在Angular Select中选择了ng的问题

时间:2016-09-08 20:05:07

标签: html angularjs select ng-options

我目前有两个独立的数组,我试图用它来创建一个Select in Angular.js

我的布局是这样的: 一个数组包含表的所有信息以及链接到第二个表的外键ID。

第二个数组有一个键和一个字符串值名称。

我想要做的是使用我的html表中的select,以便用户可以通过查看第二个数组中列出的名称来选择将在第一个数组中使用的ID。

这是我当前代码的样子(我来自ng-repeat而ItemType是第二个数组)

           <select ng-model="i.ItemTypeID"
                   ng-options="t.Name as t.Name for t in ItemType"
                   ng-selected="{{i.ItemTypeID == t.ItemTypeID}}">
           </select>

修改 为了进一步澄清,我正在使用分页来代替ng-repeat用于我的项目,但据我所知,它们的行为类似。这是代码:

<tr dir-paginate-start="i in Item|orderBy:sortKey:reverse|filter:scannedValue|itemsPerPage:5" id="display">

1 个答案:

答案 0 :(得分:1)

我想出了我的问题。我试图在ng-options中使用Name而不是ID。通过将代码更改为以下内容,我能够使其适用于我:

       <select ng-model="i.ItemTypeID"
               ng-options="t.ItemTypeID as t.Name for t in ItemType"
       </select>