раскрывающийся список передает пустое значение в моем синтаксисе обновления angularjs

Я создаю веб-приложение, в котором я использую c# с angularjs

в настоящее время я обновляю свои записи, в которых у меня есть один выпадающий список под названием zone, который выглядит так

<select ng-model="uzone" ng-change="locationupd(c)">
  <option ng-repeat="l in gzone" value="{{l.jzone}}">{{l.jzone}}</option>
</select>

но первое поле в раскрывающемся списке отображается пустым вместо первого значения zone

может ли кто-нибудь помочь мне здесь?


javascript dropdown c# angularjs
person Community    schedule 20.10.2016    source источник
comment
Вы используете просто значение, вместо этого вы должны использовать ng-value, попробуйте мой ответ.   -  person Jigar7521    schedule 20.10.2016
comment
попробуйте $scope.uzone = значение;   -  person Dinesh Maind    schedule 20.10.2016
comment
@DineshMaind, не могли бы вы дать мне ответ с надлежащим объяснением, пожалуйста?   -  person    schedule 20.10.2016
comment
Вам нужно установить первое значение с вашего контроллера, как сказал @DineshMaind. См. этот ответ.   -  person Nishant123    schedule 20.10.2016
comment
Значения @Nishant123 являются динамическими   -  person    schedule 20.10.2016
comment
вы можете просто установить его, используя $scope.uzone = $scope.gzone[0].jzone (предполагая, что gzone - это массив объектов)   -  person Nishant123    schedule 20.10.2016

Ответы (4)


arrow_upward
0
arrow_downward

Здравствуйте, вы можете взглянуть на ngOption: https://docs.angularjs.org/api/ng/directive/ngOptions

person runit    schedule 20.10.2016

arrow_upward
0
arrow_downward

Попробуй это :

<select ng-model="uzone" ng-change="locationupd(c)">
  <option ng-repeat="l in gzone" ng-value="l.jzone">{{l.jzone}}</option>
</select>
person Jigar7521    schedule 20.10.2016

arrow_upward
0
arrow_downward

используйте переменную $scope, чтобы сначала выбрать параметр.

в моем случае у меня $scope.opt = $scope.items[0];

 angular
                .module("myModule", [])
                .controller("myController", ['$scope', function ($scope) {
                     $scope.items = [{id: 1,label: 'aLabel'}, {id: 2,label: 'bLabel'},{id: 3,label: 'cLabel'}, {id: 4,label: 'dLabel'}, {id: 5,label: 'eLabel'}, {id: 6,label: 'fLabel'}, {id: 7,label: 'gLabel'}];
                    $scope.opt = $scope.items[0];
                }]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myModule" >
    <div ng-controller="myController">
  <select ng-model="opt" ng-options="i as i.label for i in items track by i.id ">
        <option value="">Select ALL</option>
    </select><br />
    </div>
</body>

person 42HacK    schedule 20.10.2016

arrow_upward
0
arrow_downward

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

Что мне нужно было сделать: установить CH/Switzerland в качестве значения по умолчанию для vm.selectedCountry.

Код CodePen (с использованием выбора):
Пример:

<select class="selector" ng-model="vm.selectedCountry" ng-options="country.name for country in vm.countries" ng-init="vm.selectedCountry = {'name': 'Switzerland', 'code': 'CH', 'init': true}">

<!--shows only when ng-init is run-->
    <option value="" ng-show="vm.selectedCountry.init">Switzerland</option>

</select>

Раскрывающийся список (AngularJS): добавление значения по умолчанию с помощью select, ng-init и ng-show

Код CodePen (с использованием md-select и Angular Material):
Пример:

<md-select ng-model="vm.selectedCountry" ng-init="vm.selectedCountry = vm.selectedCountry?selectedCountry : 'CH';">

                    <md-option ng-value="'CH'" ng-selected="vm.selectedCountry == 'CH'?true:false">Switzerland</md-option>

                    <md-option ng-repeat="country in vm.countries" ng-value="country.code">
                        {{country.name}}
                    </md-option>
</md-select>

Раскрывающийся список (AngularJS): добавление значения по умолчанию с помощью md-select, ng-init и ng-selected

В приведенном выше примере значение по умолчанию соединяется из массива и помещается первым в md-select (иначе происходит дублирование).

person Ramsing Nadeem    schedule 20.10.2016