我是AngularJS的初学者,在设置Select的ng-model的选定值时遇到问题。
这是我的数据结构:
[{"ID":0,"Name":"G"},{"ID":1,"Name":"PG"}]
这是我的HTML:
<div class="col-md-8" ng-init="GetAllRatings()">
<select ng-model="InputMovieRating" ng-options="rating.Name for rating in ratings"></select>
</div>
我想这样做:
$scope.InputMovieRating = 'PG';
但这是行不通的。我发现有效的方法是遍历所有等级,如下所示:
var selectedRating = $scope.ratings[0]; //default
for (var i = 0; i < $scope.ratings.length; i++)
{
if($scope.ratings[i].Name == 'PG')
{
selectedRating = $scope.ratings[i];
}
}
$scope.InputMovieRating = selectedRating;
那是可行的,但我认为这可能是不正确的方法,而我在绑定ng-options时做错了。
尝试以下
<div class="col-md-8" ng-init="GetAllRatings()">
<select ng-model="InputMovieRating" ng-options="rating.Name as rating.Name for rating in ratings"></select>
</div>
如果您有异步数据加载,请设置模型的值
$scope.InputMovieRating = "PG";
数据加载完成后。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句