默認選擇的選項不angularjs

工作，我有一個觀點默認選擇的選項不angularjs

<select ng-model="selected_student" class="form-control"> 
    <option ng-repeat="obj in students" value="{{obj.id}}">{{obj.name}}</option> 
</select>

我在controller這樣做：

$scope.selected_student = $scope.students[0];

爲什麼它不工作？

這裏是我的fiddle

來源

2017-01-01 Thian Kian Phin

「$ scope.selected_student = $ scope.students [0];」在你的控制器中寫下你的目標是什麼？我的意思是，你想獲得學生證作爲selected_student？ –

嘗試ng-options：

<select ng-model="selected_student" class="form-control" ng-options="student.id as student.name for student in students">

而且在controller：

$scope.selected_student = $scope.students[0].id;

工作的jsfiddle鏈接：

https://jsfiddle.net/avnesh2/boye4ezk/

會爲你工作。

來源

2017-01-01 05:16:20

看起來不錯，但爲什麼需要使用？ student.id是否有價值？ –

'ng-option'看起來更適合您的需求，它基於'student.id'綁定'student.name'。請參閱[詳細]（https://www.undefinednull.com/2014/08/11/a-brief-walk-through-of-the-ng-options-in-angularjs/） –

默認選擇的選項不angularjs

回答

相關問題