Пустая строка в select angular

10 мая 2017 г. 5:35

Значение, которое вы хотите присвоить для select в angular, должно быть строковым типом. Вот пример правильного присваивания:

<div class="sb_tyre_calc" ng-controller="my_ctrl">
    <label for="id_my_field">Ширина</label>
    <select id="id_my_field" name="my_field" ng-change="update()" ng-model="my_field">
        <option value="145">145</option>
        <option value="185">185</option>
    </select>
</div>
(function(angular, undefined) {
    'use strict';

    angular.module('my_module', []).controller('my_ctrl', function($scope) {
        $scope.init = function() {
            $scope.my_field = '185';  # именно в кавычках!
            ...
        };

        $scope.update = function() {
            ...
        };

        $scope.init();
        $scope.update();
    });

})(window.angular);

Обратите внимание, что присваивая my_field в функции init(), а именно $scope.my_field = '185' мы должны передать строковое значение (а не числовое).

Если попытаться использовать число, то angular отрендерит select примерно так:

<select id="id_my_field" name="my_field" ng-change="update()" ng-model="my_field">
    <option value="? number:185 ?"></option>
    <option value="145">145</option>
    <option value="185">185</option>
</select>

Оцените статью

0 из 5 (всего 0 оценок)

Поля, отмеченные звёздочкой ( * ) , являются обязательными.

Спасибо за ваш отзыв!

После нажатия кнопки "Отправить" ваше сообщение будет доставлено мне на почту.

Автор статьи

Права на использование материала, расположенного на этой странице http://vivazzi.pro/it/empty-option-in-select-angular/:

Разрешается копировать материал с указанием её автора и ссылки на оригинал без использования параметра rel="nofollow" в теге <a>. Использование:

Автор статьи: Мальцев Артём
Ссылка на статью: <a href="http://vivazzi.pro/it/empty-option-in-select-angular/">http://vivazzi.pro/it/empty-option-in-select-angular/</a>

Подробнее: Правила использования сайта

Похожие статьи:

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

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

Чтобы оставить комментарий от своего имени войдите или зарегистрируйтесь обычным способом или через социальные сети:

Отправить

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

Попробуйте