AngularJS-如何根据特定的JSON属性设置Select值?

我是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时做错了。

NTP

尝试以下

<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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章