Question

下面的代码片段展示了我想要实现的目标。我基本上是为select中的选项分配标签。标签上的类别label-multi也会对选项应用一些样式。虽然这适用于静态选项，但当我尝试使用ng-repeat循环时，我的选项显示为{{item.name}}而不是项目的实际名称。

{{item.name}}绝对可用，并且在没有标签的情况下完美运行。但是应用这个类label-multi似乎在某种程度上干扰了。这可能是什么问题？

<div class="row">

    <div class="col-sm-2">
        <label class="label-multi" for="items">Items:</label>
    </div>

    <div class="col-sm-10">
        <select multiple data-placeholder="Select Items..." id="items">
        <option ng-repeat="item in items">{{item.name}}</option>
        </select>
    </div>

</div>

Answer 1

要绑定到select，您需要使用不同的语法：

<select multiple id="items" ng-options="item.name for item in items" ng-model="selectedItem">

</select>

ng-repeat仅用于重复数据。 ng-options是为此特定数据绑定目的而构建的

请参阅文档：https://docs.angularjs.org/api/ng/directive/select

AngularJS中ng-repeat的标签

1 个答案: