Question

我编写了如下代码

 <select ng-model="selectedseasId" ng-options="seas.seasInternalId as seas.seasName for seas in seass track by seas.seasInternalId"> </select>

$scope.selectedseasId = 3;

我有像

这样的数据

var seass = [   {
        "seasInternalId" : 4,
       "seasName": "My Second seas"  
      },
         {
        "seasInternalId" : 3,
       "seasName": "My Second seas"  
      }
      ];

在选择框中未选择任何值。我的代码有什么问题吗？

Answer 1

ng-options跟踪并选择不兼容。见link

当然，你不需要ID的轨道，因为我认为seasInternalId是唯一的，所以seas.seasInternalId as seas.seasName for seas in seass应该足够并且有效。

Answer 2

您不能在ng-options表达式中使用track by和select。来自文档：

请勿在同一表达式中使用选择和跟踪。他们不是旨在合作。

通过表达式的一部分删除曲目，它将起作用。

文档：https://docs.angularjs.org/api/ng/directive/ngOptions

Answer 3

您可以使用ng-repeat代替ng-option

<!DOCTYPE html>
    <html>
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <body>

    <div ng-app="myApp" ng-controller="myCtrl">

    <select>
        <option ng-repeat="sea in seass">{{sea.seasName}}

      </select>

    </div>

    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function($scope,$http) 
    {
        $scope.seass = [
          {
            "seasInternalId" : 4,
           "seasName": "My Second seas 4"  
            },
            {
            "seasInternalId" : 3,
           "seasName": "My Second seas 3"  
          }
          ];

      $scope.seasInternalId = 4;

    });
    </script>

    </body>
    </html>

通过不工作跟踪选择更改值未被选中

3 个答案: