Question

我有一个带有选择框的角度用户编辑页面：

    <select name="clientRole" ng-model="client.role" required>
        <option value="{{client.role}}">{{client.role}}</option>
        <option ng-repeat="role in roleOptions" value="{{role.name}}">{{role.name}}
    </select>

数组“roleOptions”包含所有可能的角色。此页面用于编辑客户端，客户端将已分配角色。当页面出现时，我希望分配给客户端的角色显示为默认值。我在上面的方式，角色是重复的。

angular是否有办法处理此问题，或者我是否需要编辑“roleOptions”数组以在调用页面之前删除客户端角色？

Answer 1

请尝试ng-options：

<select name="clientRole" 
        ng-model="client.role" 
        ng-options="role.id as role.name for role in roleOptions" 
        required>     
</select>

在此示例中，我假设client.role是您的role.id

角度选择框默认为现有值

1 个答案: