Question

这是一个简单的选择在Angular中完成

<select ng-model="myCar">
    <option ng-repeat="car in cars" value="{{car}}">{{car}}</option>
</select>

我在angular.js的范围内有以下内容

$scope.cars = ["Toyota", "Ford", "Rolls"];

为什么不显示选项，而是{{car}}

Answer 1

你可以试试这个。

<select ng-model="myCar" ng-options = "car for car in cars" ng-init="myCar = 'Rolls'">

</select>

或者

<select ng-model="myCar" ng-init="myCar = 'Rolls'">
        <option ng-repeat="car in cars" value={{car}}>{{car}}</option>
</select>

Answer 2

你的代码工作正常。仅未选择默认值，因此在开头显示为空白。请参阅here。

<强> HTML：

<div ng-app="app" ng-controller="test">
    <select ng-model="myCar">
        <option value="">Select</option>
        <option ng-repeat="car in cars" value="{{car}}">{{car}}</option>
    </select>
</div>

<强> JS：

var app = angular.module('app', []);

app.controller('test', function ($scope) {
    $scope.cars = ["Toyota", "Ford", "Rolls"];
});

AngularJS中的ng-repeat不起作用

2 个答案: