javascript - AngularJs 绑定(bind)选择

Question

我正在使用 Angular 1.5.2，并且我正在尝试绑定(bind)我的 select，如下所示:

<label>Role</label>
<div class="form-group">
    <div>
        <select id="role" class="form-control" name="role" >
            <option value="1" ng-model="employeeCtrl.employee.RoleId" name="role" id="intern">Stagiair</option>
            <option value="3" ng-model="employeeCtrl.employee.RoleId" name="role" id="employee">Werknemer</option>
            <option value="4" ng-model="employeeCtrl.employee.RoleId" name="role" id="companyadmin">Bedrijfadmin</option>
        </select>
    </div>
</div>

但是它不起作用。当用户拥有 Angular 色 4 时，它仍然显示 1 ？

Answer 1

您应该在 select 标记中使用 ng-model="employeeCtrl.employee.RoleId" 而不是 option 标记

   <select id="role" class="form-control" ng-model="employeeCtrl.employee.RoleId" >
        <option value="1" name="role" id="intern">Stagiair</option>
        <option value="3" name="role" id="employee">Werknemer</option>
        <option value="4" name="role" id="companyadmin">Bedrijfadmin</option>
    </select>

参见PLUNKER DEMO