Начальная загрузка и выбор опции

#angularjs #twitter-bootstrap

#angularjs #twitter-начальная загрузка

Вопрос:

Я использую AngularJS и bootstrap.

javascript:

 $http.get('rest/impact').success(function(data) {
        $scope.ho.impacts = data;
});
  

HTML :

 <select  class="form-control" ng-model="ho.impact" 
            ng-options="imp.id as imp.name for imp in ho.impacts"></select>
  

И я могу получить значение следующим образом :

 var dataObject = {
                 impact  : $scope.ho.impact,
                  ....
            };
  

Проблема в том, что когда я захожу на веб-страницу, поле выбора пустое.

Вы знаете, как я могу установить значение по умолчанию? нравится первый элемент списка..

Спасибо,

Ответ №1:

Вам просто нужно предварительно заполнить значение, на которое ссылается ng-model :

 $scope.ho.impact = $scope.ho.impacts[0].id;
  

Ответ №2:

Вы можете добавить опцию выбора с пустым значением:

 <select class="form-control" ng-model="ho.impact" ng-options="imp.id as imp.name for imp in ho.impacts">
    <option value="">Please Select...</option>
</select>
  

Смотрите:
https://docs.angularjs.org/api/ng/directive/select

Комментарии:

1. Я попытался добавить требуемый атрибут или ng-required, но это ничего не дает при отправке формы. Нужно ли мне добавить что-то еще?