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

时间:2014-06-23 13:27:38

标签: javascript angularjs

我正在使用angular js

填充在SELECT(多个)中选择的第一个值
<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" }];

有人可以建议我,如何在页面加载时显示默认选择的第一个值。提前谢谢。

1 个答案:

答案 0 :(得分: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];