繁体   English   中英

md-select中的预选择值-AngularJS

[英]Pre-select value in md-select - AngularJS

以下是我的md-select下拉列表。 如何从控制器中预选择列表选项?

<md-input-container ng-init="Vacancies()" class="md-block" style="margin:0 !important;">
    <md-select ng-model="Vacancy" placeholder="Select a Vacancy" id="Md-select1" name="vacancy1" ng-change="setCriteria(Vacancy)">
    <md-option ng-value="vac" ng-repeat="vac in vacancylist">{{vac.JobTitle}}</md-option>
</md-select>
{{vacancy.JobTitle}}

我知道至少有两种选择可以实现:

选项1

添加到HTML: ng-selected="options.indexOf(option) == 1"

就像是:

<md-select ng-model="selectedOption" md-on-open="mdSelectOnOpen()">          
         <md-option ng-repeat="option in options" ng-value="option" 
                    ng-selected="options.indexOf(option) == 1"
                    >{{option.name}}</md-option>

    </md-select>

选项2

定义md-select ng-model

<md-select ng-model="selectedOption.id" md-on-open="mdSelectOnOpen()">      
     <md-option ng-repeat="option in options" ng-value="option.id"                  
                >{{option.name}}</md-option>     
</md-select>

哪里:

$scope.options = [];
for(var i=1;i<=100;i++) {
  $scope.options.push({id: i, name: "option " + i});
}

 $scope.selectedOption = $scope.options[1];

演示Codepen

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM