Question

我有一个带有创建的标题的下拉列表，如下所示：

<div class="form-group" ng-class="{ 'has-error': saveForm.attributeId.$invalid && !saveForm.attributeId.$pristine }">
    <select class="form-control" name="name" ng-model="controller.model.attributeId" ng-disabled="!controller.criteria.length" required>
        <optgroup ng-repeat="criteria in controller.criteria" label="{{ criteria.name }}">
            <option ng-repeat="attribute in criteria.attributes" value="{{ attribute.id }}">{{ attribute.name }}</option>
        </optgroup>
    </select>
</div>

我从以下stackoverflow中获得了这个信息：Angular JS - how to add a header in dropdown list，它工作正常（因为它具有标题）。但是，现在我必须添加一个默认选择。我首先尝试了这个：

selected="{{ attribute.id === controller.model.attributeId }}"

什么也没做。然后我尝试了这个：

ng-selected="{{ attribute.id === controller.model.attributeId }}"

这看起来也什么也没做，但是当我检查元素时，我可以看到我想要选择的选项具有以下html：

<option ng-repeat="attribute in criteria.attributes" value="101" ng-selected="true" class="ng-binding ng-scope">Light</option>

但是它似乎没有被选择。有人可以告诉我我在做什么错吗？

AngularJs在带标题的下拉列表中的默认选择

0 个答案: