javascript - 如何使用 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];