angularjs - Angular Select ng-model 不起作用（试图选择默认项目）

Question

我有以下标记：

            <div ng-repeat="department in storeData.departments">
                <p>{{department.currentManager.fullName}}</p>
                <select ng-model="department.currentManager" ng-options="user.fullName for user in department.users"></select>
            </div>

使用以下数据模型：

department : {
     currentManager: {
           fullName: 'bob',
           id: '2'
          }
     users: [
             {
           fullName: 'mike',
           id: '1'
           },
           {
           fullName: 'bob',
           id: '2'
           }
           {
           fullName: 'jeff',
           id: '3'
           }
          ]

但是选择的默认选项始终为空白。这是因为 ng-model 不直接在选项数组中吗？我究竟做错了什么？

Answer 1

<select ng-model="department.currentManager" ng-options="user.fullName for user in department.users"></select>

替换为

<select ng-model="department.currentManager.id" ng-options="user.id as user.fullName for user in department.users"></select>

工作演示

Answer 2

有2种方式：

ng-options="user as user.fullName for user in department.users"

department.currentManager = department.users[1];

或者

ng-options="user.fullName for user in department.users"

department.currentManager = "bob";