如何使用AngularJS将第一个选定值设置为SELECT(multiple)

Question

我正在使用angular js填充SELECT(multiple)中选择的第一个值

<select multiple="multiple" ng-model="selectedCatMarkets"> <option value="{{market.marketCode}}" ng-repeat="market in markets">{{market.marketName}}</option> </select>

AngularJS

$scope.markets = [{  "marketName": "US", "marketCode": "29" }, { "marketName": "Test Market2", "marketCode": "30" }, { "marketName": "TestMarket3", "marketCode": "31" }];

谁能建议我，我如何才能显示第一个值选择默认页面加载。

Answer 1

你应该使用ng-options -然后设置你的模型等于第一个选项:

<select ng-options="market.marketCode as market.marketName for market in markets" multiple="multiple" ng-model="selectedCatMarkets"></select>

JS:

$scope.selectedCatMarkets = markets[0];