Не удалось получить метку из выбранной опции Angular JS - PullRequest
Новая
       1

Не удалось получить метку из выбранной опции Angular JS

0 голосов
/ 14 декабря 2018

У меня есть поле выбора, которое я использую с угловым объектом в качестве значения, т. Е. 

{identityName:'Passport',identityId:1}

 <select name="identityProof" ng-model="identityProof" ng-change="changeProofOfIdentity()" ng-options="identity as identity.identityName for identity in identityProofList track by identity.identityId"  id="identityProofList"  class="form-control" data-placeholder="" size="1"></select>

Я сделал эту настройку, чтобы я мог получить идентификатор и метку идентификатора в функции ng-onchange.Как вы можете видеть, я использовал track by identity.identityId Я хотел выбрать опцию только по identityId, только я 

$scope.identityProof = {identityId:userDetails.identityId,identityName:""};

Теперь выбирается опция с заданным значением, но когда я пытаюсь получить $scope.identityProof, т.е. выберите значение поля, я получаю только идентификатор, а не идентификатор, поскольку я вижу, что выбранный параметр имеет как имя, так и значения,
как я могу получить оба?
Нужно ли мне управлять им с помощью jquery или javascript, получая метку выбранного значения и передавая ее как identityName?
Или есть опция, с помощью которой я могу перезагрузить выбранный объект, чтобы получить оба значения?

1 Ответ

0 голосов
/ 14 декабря 2018

Вы можете использовать простой выбор вместо ng-option.Смотрите следующий пример и дайте мне знать. 

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="myCtrl">

<select name="identityProof" ng-model="identityProof"  size="1">
  <option ng-repeat="identity in identityProofList" value="{{identity}}">
  {{identity.identityName}}
  </option>
</select>
<span ng-if="identityProof">Selected value = {{identityProof}}</span>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.identityProofList = [{'identityName':'Passport','identityId':1}];
});
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...