Использование выбранных для динамических опций в Angularjs

Question

У меня есть динамический список данных, которые я показываю в раскрывающемся списке. Но я хочу, чтобы они были выбраны, когда пользователь входит на страницу.

<div class="row"> 
     <div class="col"> 
      <select ng-model="item1" style="width:100%;text-align:center;"> 
        <option style="text-indent:30%" ng-repeat="item1 in IdeaMonthList" value="{{item1}}" >{{item1}}</option> 
      </select> 
     </div> 
    </div> 

Вот как я делаю выпадающий список.

var IdeaMonth=["1","2","3","4","5","6","7","8","9","10","11","12"] 
$scope.IdeaMonthList=IdeaMonth; 

Это мой массив months.By умолчанию используется именно, когда пользователь вводит эту страницу в текущем месяце должен быть выбран в DropDownList.

Использование мы можем выбрать вариант для статической опции. Как это сделать для динамических вариантов

Answer 1

<div class="row"> 
    <div class="col"> 
     <select ng-model="item1" style="width:50%;text-align:center;" ng-options="item for item in IdeaMonthList"> 
    </select> 
    </div> 
</div> 


var IdeaMonth=["1","2","3","4","5","6","7","8","9","10","11","12"] 
$scope.IdeaMonthList=IdeaMonth; 
$scope.item1 =$scope.IdeaMonthList[new Date().getMonth()]; 

Plunker - http://plnkr.co/edit/8dZXycSTYhQOog12FpEK?p=preview

Answer 2

Использование ngOptions в angularjs.

Атрибут ngOptions может быть использован для динамического создания списка элементов для элемента, используя массив или объект , полученный путем вычисления выражения на слух ngOptions.

<select ng-model="item1" ng-options="item for item in IdeaMonthList" style="width:100%;text-align:center;"></select> 

Answer 3

Попробуйте это:

<div class="row"> 
    <div class="col"> 
     <select ng-model="item1" style="width:100%;text-align:center;"> 
       <option style="text-indent:30%" ng-repeat="item in IdeaMonthList" value="{{item}}" >{{item}}</option> 
     </select> 
    </div> 
</div> 


var IdeaMonth=["1","2","3","4","5","6","7","8","9","10","11","12"] 
$scope.IdeaMonthList=IdeaMonth; 
$scope.item1 =$scope.IdeaMonthList[new Date().getMonth()]; 

Answer 4

Я думаю, что изменить свое имя нг-модель

<select ng-model="selected" style="width:100%;text-align:center;"> 

И ваш JS Файл:

$scope.selected =$scope.IdeaMonthList[new Date().getMonth()];