Добавление опции по умолчанию при использовании ng-options в Angularjs

У меня выпадающий список, для которого я использую ng-options загрузить значения из модели, которая заполняется контроллером. Теперь мне нужно иметь еще один вариант, который <option value='any'>any</option> который должен быть там как выбранный вариант по умолчанию. Как это сделать угловым способом?

<body ng-controller="myController">
  <h1>States in India!</h1>
  <select ng-options="state for state in states" ng-model="selectedState">      </select>
</body>

Ссылка Plnkr прилагается - ссылка Plnkr

Источник

3 ответа

@Pradeep, используйте

    <select ng-options="state for state in states" ng-model="selectedState">
        <option value="">-- choose state --</option>
    </select>

plunkr ссылка

Источник

Вы можете просто добавить еще один элемент в массив и привязать его к $scope.selected. Плункр.

$scope.selectedState = "Select";
$scope.states=["Select","Karnataka", "Tamilnadu", "Andra-Pradesh", "Rajasthan"]
Источник

Записывать option тег внутри select пометить как

  <body ng-controller="myController">
    <h1>States in India!</h1>
    <select  ng-options="state as state for state in states" ng-model="selectedState">
         <option value=''>any</option>
    </select>
  </body>


angular.module("myApp", []).

    controller("myController", function($scope){
      $scope.states=["Karnataka", "Tamilnadu", "Andra-Pradesh", "Rajasthan"]  
    })

Я запустил в Plunker его работу, пожалуйста, попробуйте это

Источник
Другие вопросы по тегам