Angularjs ng模型未从下拉列表中选择由ng repeat生成的值

我正在使用

ng repeat

生成多个下拉列表。但在存储这些值后，它不会像以前选择的那样选择下拉列表值。在本例中，它应自动显示teacher1、teacher3和teacher5作为选定值

<div ng-app="myApp" ng-controller="MyCtrl">
    <div ng-repeat="(i,teacherList) in Trip.teachers track by $index">
        {{Trip.teachers[$index].id}}
        <select m-required="true" ng-model="Trip.teachers[$index].id" class="teacher form-control" >
            <option value="">Select Teacher</option>
            <option ng-repeat="teacher in teachers" value="{{teacher.id}}">{{teacher.name}}</option>
        </select>
    </div>
    <button ng-click="addTeacher();">Add Teacher</button>                      
    <button ng-click="removeTeacher();" style="display:none;" class="removeTeacher">Remove</button>
</div>

以下是指向JSFIDLE的链接：

---

似乎您想要显示预先选择的默认值，您可以使用

ng options

和

ng model

来设置默认值，方法是重写

select

，如下所示：

<select m-required="true" ng-model="Trip.teachers[$index]" 
ng-options="option.name for option in teachers track by option.id" >

---

你能澄清一下吗<代码>它应自动将示教器1、示教器3和示教器5显示为选定值。。它应该显示在哪里？所有下拉选择的默认值感谢您的回答。但是，如果我将“option.id”更改为“option.\u id”，并且将$scope.teachers中的所有“id”都更改为“\u id”，那么会出现什么问题呢@安基塔·米什拉。。。您能检查一下问题出在哪里吗？@DipeshGupta您似乎错过了在

Trip.teachers

数组中进行相同的更改，因为它仍然有

id

，现在应该是

\u id

。问题是在我的实时场景中，“$scope.Trip.teachers”中的“id”是“id”，而在“$scope.teachers”中的“id”是“id”。。请参阅上面的演示。这就是为什么我没有更改“$scope.Trip.teachers”中的id。我怎样才能做到这一点@安基特·米什拉

<select m-required="true" ng-model="Trip.teachers[$index]" 
ng-options="option.name for option in teachers track by option.id" >