Как динамически прикрепить id к ng-модели

Question

Как динамически прикрепить id к ng-модели

0

<select class="form-control" select-multiple-picker multiple data-max-options="2" ng-model="userDetails.ClinicalRoles" name="createUserSelectClinicalRoles" id="createUserSelectClinicalRoles">
    <option ng-repeat="role in clinicalRole" value="{{role.Description}}">{{role.Description}}</option>
</select>

Здесь я получаю данные от сервера до списка, я показываю только {{role.Description}} для пользователя, но когда я отправляю, мне нужно установить role.id и role.Description в ng-Model для вызова API.

srikanth 21 июль 2015, в 06:05

Источник

0

Вы хотите сказать, что вы выберете описание, но вам нужен идентификатор для этого конкретного описания, когда вы выберете?
Abhinav 21 июль 2015, в 04:09
0

да, этот идентификатор мне нужно прикрепить к ng-Model
srikanth 21 июль 2015, в 04:11
0

Мне нужен идентификатор, описание для привязки к нг-модели
srikanth 21 июль 2015, в 04:12
0

Хорошо, для этого вам нужно использовать опции ng, которые я объяснил в ответе. Это лучший способ.
Abhinav 21 июль 2015, в 04:16

Показать ещё 2 комментария

Теги:

c#

html

angularjs

3 ответа

Ещё вопросы

Вы хотите сказать, что вы выберете описание, но вам нужен идентификатор для этого конкретного описания, когда вы выберете?
да, этот идентификатор мне нужно прикрепить к ng-Model
Мне нужен идентификатор, описание для привязки к нг-модели
Хорошо, для этого вам нужно использовать опции ng, которые я объяснил в ответе. Это лучший способ.

Vaibhav · Answer 1 · 2015-07-21T12-26-00.000Z

Вы можете сохранить полный объект в ng-модели вместо одиночного.

HTML: -

<div data-ng-app="myApp" data-ng-controller="Ctrl" style="margin-top:40px">
        <div>
            <select class="form-control" id="Region" data-ng-model="selectedValue" data-ng-options="value.Desc for value  in values track by value.id">
                <option value=''>Select</option>
            </select>
        </div>
        <div>
            Selected Option Label : {{selectedValue.label}}<hr/>
            Selected Option Id : {{selectedValue.id}}<hr/>
            Selected Option Desc : {{selectedValue.Desc}}<hr />
        </div>
    </div>

Javascript: -

     <script type="text/javascript">

           var IsApp = angular.module('myApp', []);

            IsApp.controller('Ctrl', function ($scope, $http) {
                $scope.values = [{
                    id: 1,
                    label: 'aLabel',
                    Desc: 'Desc-aLabel'
                }, {
                    id: 2,
                    label: 'bLabel',
                    Desc: 'Desc-bLabel'
                }];
            });// End of controller
        </script>

При отправке вы можете передать selectedValue.id и selectedValue.Desc.

Abhinav · Answer 2 · 2015-07-21T02-11-00.000Z

Не используйте для этого ng-repeat. Вместо этого используйте ng-options.

Попробуйте this-

<select class="form-control" select-multiple-picker multiple data-max-options="2" ng-model="userDetails.ClinicalRoles" name="createUserSelectClinicalRoles" id="createUserSelectClinicalRoles"
ng-options="role.id as role.Description for role in clinicalRole">                
</select>

Если вы хотите выбрать оба одновременно. Тогда вы можете использовать трюк. Добавьте атрибут ng-change в select и передайте выбранный role.id, поскольку он является моделью в функции.

HTML

<select class="form-control" select-multiple-picker multiple data-max-options="2" ng-model="userDetails.ClinicalRoles" name="createUserSelectClinicalRoles" id="createUserSelectClinicalRoles"
ng-options="role.id as role.Description for role in clinicalRole" 
ng-change="setDescription(role)">                
</select>

JS

$scope.lastSelectedDesc = {};
$scope.setDescription(role){
   $scope.lastSelectedDesc = role;
}

Просто сделайте это.

Chris Lonardo · Answer 3 · 2015-07-21T01-24-00.000Z

Вы можете сделать это с помощью ng-options и выбрать как: https://docs.angularjs.org/api/ng/directive/ngOptions