Значение Ng для опции select, empty исчезает после выбора значения

98
7

У меня есть ng-repeat итерации через массив и загружает мои параметры выбора, а один из параметров - пустая строка, но если я нажимаю на значения, пустая опция исчезает, я не уверен, почему

это мой выбор

<select 
class="form-control input-sm"
id="Select7"
name="grossweightmeasurementunitcode"
ng-model="itemForm.grossweightmeasurementunitcode"
ng-readonly="itemForm.produtosempesobrutodefinido"
ng-required="!itemForm.produtosempesobrutodefinido">
<option ng-repeat="unidadepeso in unidadespeso" value="{{unidadepeso.commoncode}}" ng-selected="itemForm.grossweightmeasurementunitcode == unidadepeso.commoncode">{{unidadepeso.sigla}}</option>
</select>

Я сделал $ scope.unidadespeso.push = ''; для достижения пустой ценности, любых идей?

спросил(а) 2021-01-25T13:56:44+03:00 4 месяца, 2 недели назад
1
Решение
99

Добавьте пустой массив в массив.

Следующий пример может помочь вам. Прокомментируйте, если у вас есть какие-либо сомнения.

<!DOCTYPE html>
<html>

<head>
<script data-require="jquery@3.0.0" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script>
<link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script data-require="bootstrap@3.3.7" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script data-require="angular.js@1.6.6" data-semver="1.6.6" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script>
<script>
(function() {

angular.module("myapp", []).controller('MainCtrl', ['$scope', function($scope) {
$scope.selectedItem = { name: 'two', id: 27 };
$scope.items = [{name: 'one', id: 30 },{ name: 'two', id: 27 },{ name: 'threex', id: 50 }];

var emptyItem = {name: '', id: '' };
$scope.items.unshift(emptyItem);

}]);
}());
</script>
<style></style>
</head>

<body ng-app="myapp" ng-controller="MainCtrl">
<p>selected item is : {{selectedItem}}</p>

<p> name of selected item is : {{selectedItem.name}} </p>

<select ng-model="selectedItem" ng-options="item.name for item in items track by item.id"></select>

</body>

</html>

ответил(а) 2021-01-25T13:56:44+03:00 4 месяца, 2 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема