Angular Select 中的 ng-selected 问题答案

【问题标题】：Issue with ng-selected in Angular SelectAngular Select 中的 ng-selected 问题
【发布时间】：2017-01-16 21:10:01
【问题描述】：

我目前有两个单独的数组，我试图用它们在 Angular.js 中创建一个 Select

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

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

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

这是我当前代码的样子（i 来自 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">

【问题讨论】：

你能大致展示一下你想要什么。我真的对第一个和第二个表关系感到困惑，选择列表在哪里？
抱歉，如果让您感到困惑，我会尝试解释得更好一点。基本上我有一个 html 表，它将有一个 Type 列。此列应该有一个选择列表供用户从类型列表中选择。我填充 html 表的数据只有 ItemTypeID 值，但我希望用户能够使用我之前填写的 TypeList (table2) 中的名称来选择此 ID。两个表之间的主要关系是表1与第二个表的主键（ItemTypeID）有外键关系。
你能显示 ng-repeat 代码吗？而且，当你说“表”时，你的意思是 JavaScript 列表/数组吗？
当然，我会将它编辑为我原来的问题，这样它就可以更明显了。另外，我的意思是 Javascript 数组，因为 SQL，我习惯称它们为表。

标签： html angularjs select ng-options

【解决方案1】：

我发现了我的问题。我试图在 ng-options 中使用名称而不是 ID。通过将代码更改为以下内容，我能够让它为我工作：

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

【讨论】：

您还删除了 ng-selected 属性。它不属于