Question

我尝试过ng-select，对我而言，它没有正确显示一行而是显示所有可用选项的列表。然后，我查看了文档和多个浏览器，并注意到完全相同的事情。特别是Angulars提供的演示：

https://docs.angularjs.org/api/ng/directive/select

使用ngValue将模型绑定到对象数组 example

<select size="6" name="ngvalueselect" ng-model="data.model" multiple>
  <option ng-repeat="option in data.availableOptions" ng-value="option.value">{{option.name}}</option>
</select>

任何人都可以解释为什么这不能正确显示？请注意，我删除了＆＃34;倍数＆＃34;在我的代码中。这是我的代码：

<select size="6"
        name="ngvalueselect"
        ng-model="row.categoryId">
    <option ng-repeat="option in phs.phraseCategory.data"
            ng-value="option.id">
        {{option.name}}
    </option>
</select>

请注意，在AngularJS文档中，之后的示例工作正常：

<select name="mySelect" id="mySelect"
  ng-options="option.name for option in data.availableOptions track by option.id"
  ng-model="data.selectedOption"></select>

Answer 1

我理解你的问题。通过设置选择列表的大小属性，您可以同时显示多个选项。

因此，第一个代码允许多个选择。在第二个实现中，当大小为6时，它将显示6个选项的列表，而不是一个选项。

第三个实现是使用ng-options。所以以上三种实现都是不同的。这里没有指定大小，因此它在select中只显示一个值而不是列表。

ng-select显示列表中的所有可用选项，而不仅仅是一行？

1 个答案: