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