Пустая строка в 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 оценок)

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

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

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

Автор статьи

Артём Мальцев

Веб-разработчик, владеющий знаниями языка программирования Python, фреймворка Django, системы управления содержимым сайта Django CMS, платформы для создания интернет-магазина Django Shop и многих различных приложений, использующих эти технологии.

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

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

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

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

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

Для тех, кто продаёт через свой профиль в соц. сетях: моя сестра, Анастасия Мальцева запустила свой курс: «Комфортные продажи через контент»

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

Представляю вашему вниманию книгу, написанную моим близким другом Максимом Макуриным: Секреты эффективного управления ассортиментом.

Книга предназначается для широкого круга читателей и, по мнению автора, будет полезна специалистам отдела закупок и логистики, категорийным и финансовым менеджерам, менеджерам по продажам, аналитикам, руководителям и директорам, в компетенции которых принятие решений по управлению ассортиментом.

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

Вы можете оставить комментарий как незарегистрированный пользователь.

Но зарегистрировавшись, вы сможете:

  • получать оповещения об ответах
  • просматривать свои комментарии
  • иметь возможность использовать все функции разработанных сервисов

Для комментирования от своего имени войдите или зарегистрируйтесь на сайте Vuspace

Отправить

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

Попробуйте

Выберите валюту для отображения денежных единиц