Закрыть

Для эффективной работы на сайте используются cookie и обработка персональных данных. Пользуясь этим сайтом, вы соглашаетесь с правилами использования сайта. Подробнее

Цитата дня

Vivazzi.ru

Личный сайт Мальцева Артема

В этом мире есть только один способ заслужить любовь - перестать требовать её и начать дарить любовь, не надеясь на благодарность.

Дейл Карнеги

Пустая строка в 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.ru/it/empty-option-in-select-angular/:

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

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

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

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

Вам нужно саморазвиваться или вы хотите зарабатывать деньги?

Или вы ищите хорошие IT сервисы или книги? Сохраните свое время и взгляните на мою подборку рекомендаций, которыми постоянно пользуюсь.
Посмотреть рекомендации

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

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

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

Отправить

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

Попробуйте