angularjs - 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 .. に保存したいのですが、そこに保存されていません。

コードを見て、何が間違っているのか教えてください。

ありがとう