Использование ng-опций с ng-изменением в форме ввода формы

Question

Я пытаюсь создать виджет выбора с помощью опций Angular's ng. У меня это до сих пор:

<select id="id_question" name="question" ng-model="post.Question" 
    ng-options="question.id as question.title for question in questions" 
    ng-change="updateFields(post.Question)" required> 
</select> 

Мне нужен объект, переданный как параметр в метод «updateFields». Однако из-за ng-опций с использованием «id» это невозможно.

Как сохранить идентификатор в качестве значения в элементе выбора, но также иметь возможность передать объект «вопрос» в качестве параметра в ng-change?

Answer 1

Невозможно передать полный объект в вашу функцию, если вы используете ng-options. Вместо этого вы можете установить свою ng-модель в какое-либо другое свойство и использовать это свойство для присвоения значения переменной post.Question.

<select name="question" ng-model="selectedValue" 
     ng-options="question as question.title for question in questions" 
     ng-change="updateFields(selectedValue)" required> 
</select> 

в JS

$scope.updateFields = function(question) { 

     $scope.id = $scope.selectedvalue.id; 
     console.log(question); 
    } 

Пожалуйста, посмотрите на plunker

Answer 2

Если когда-нибудь вы используете нг-модель для выбора элемента вам не нужно передать выбранный объект в качестве параметра события в нг -изменение.

Посмотрите на приведенный ниже код

$scope.updateFields=function(){ 
     console.log($scope.selectedQuestion); 
    } 

Ваш HTML должен быть

<select name="question" ng-model="selectedQuestion" 
    ng-options="question as question.title for question in questions" 
    ng-change="updateFields()" required> 

LIVE DEMO

ВОЗЛАГАЕТСЯ JSON

$scope.questions=[ 
    {title:'A',id:1}, 
    {title:'Abcdef',id:4}];