ngOptions не привязывает модель к данным.

Question

Я представляю выпадающий список с ngOptions. Теперь это, как вид выглядит следующим образом:

<select> 
<option ng-repeat="gender in vm.genderArray" ng-model="vm.genderOfPerson" ng-change="vm.changingGender()"> {{gender.gender}} </option> 
</select> 

В контроллере, это то, что я делаю:

vm.genderArray = [{gender: "Please select one"},{gender: "Male"},{gender: "Female"},{gender: "Would rather not say"}] 
function changingGender() { 
    console.log("vm.user.gender") 
} 

Вот постановка задачи нет: Я хочу, чтобы сохранить значение измененного пола в vm.user.gender .. но он не сохраняется в этом.

Пожалуйста, просмотрите код и скажите мне, что я делаю неправильно?

Благодаря

Answer 1

<select ng-options="p.gender for p in vm.genderArray" 
      ng-model="vm.selectedPerson"> 
    </select> 
    <p>You selected {{vm.selectedPerson.gender}}</p> 

DEMO