时间戳

首页 > 解决方案 > 带有标题的下拉菜单中的AngularJs默认选择

angularjs - 带有标题的下拉菜单中的AngularJs默认选择

问题描述

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

<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 and it works good (as in it has headers)。但是，现在我必须添加一个默认选择。我首先尝试了这个：

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

解决方案

推荐阅读