应该使用哪一个？

您可以使用 ng-repeat 指令和 ng-options 指令：

假设您有一个对象数组：

$scope.cars = [
  {model : "Ford Mustang", color : "red"},
  {model : "Fiat 500", color : "white"},
  {model : "Volvo XC90", color : "black"}
];

实例

使用 ng-repeat：

  {{x.model}}


You selected: {{selectedCar}}

点击 "运行实例" 按钮查看在线实例

当使用值作为对象时，使用 ng-value 代替 value：

实例

将 ng-repeat 用作对象：

  {{x.model}}


You selected a {{selectedCar.color}} {{selectedCar.model}}

点击 "运行实例" 按钮查看在线实例

实例

使用 ng-options：

You selected: {{selectedCar.model}}
Its color is: {{selectedCar.color}}

点击 "运行实例" 按钮查看在线实例

当所选值为对象时，它可以包含更多信息，并且您的应用程序可以更加灵活。

我们将在本教程中使用 ng-options 指令。

$scope.cars = {
  car01 : "Ford",
  car02 : "Fiat",
  car03 : "Volvo"
};

You selected: {{selectedCar}}

$scope.cars = {
  car01 : {brand : "Ford", model : "Mustang", color : "red"},
  car02 : {brand : "Fiat", model : "500", color : "white"},
  car03 : {brand : "Volvo", model : "XC90", color : "black"}
};