Пустая строка в select angular
10 мая 2017 г. 9: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