По умолчанию Выбор выпадающего значения условно

Question

У меня выпадающее меню с 2 вариантами Month & Year. На основе ответа на вызов API, если period == Y, год должен быть выбран по умолчанию &, если period == M, следует выбрать месяц. Я не знаю, как это сделать.

<div class="col-sm-3 PDL dateY"> 
    <select class="form-control" id="sel1" ng-model="SelectedValue_free" ng-options="details.period for details in validity_dd"> 
    </select> 
</div>  

$scope.validity_dd = [ 
    { 
     period: 'Year' 
    }, { 
    period: 'Month' 
    } 
] 

Answer 1

Основываясь на вашем состоянии после того, как вы получите информацию из API установите

if(period == 'Y') 
$scope.SelectedValue_free= 'Year'; 
else if(period == 'M') 
$scope.SelectedValue_free= 'Month'; 

Изменение вы нг-варианты,

ng-options="details.period as details.period for details in validity_dd" 

ИЛИ вы можете установить

if(period == 'Y') 
$scope.SelectedValue_free= $scope.validity_dd[0]; 
else if(period == 'M') 
$scope.SelectedValue_free= $scope.validity_dd[1]; 


ng-options="details.period for details in validity_dd" 

Answer 2

Используйте следующий скрипт в app.js

$scope.validity_dd = [ 
    { 
     period: 'Year' 
    }, { 
    period: 'Month' 
    } 
] 

//this is an array to store all the possible options as key value pairing 
$scope.opt_arr={'Y':'Year','M':'Month'}; 

//Here you can set the value of period with api call response data 
$scope.period='M'; 

//this will search the object from the array which match the data 
var result = $.grep($scope.validity_dd, function(e) 
      { return e.period == $scope.opt_arr[$scope.period]; }); 

//this will set the model value so that the required option will be selected 
$scope.SelectedValue_free=result[0];