AngularJS ng-options не заполняется

Question

У меня есть массив объектов, которые я привязываю к области. Затем мой взгляд обращается к объектам через ng-options следующим образом:

<div class="tile block box-shadow"> 
    <form role="form"> 
     <div class="form-group"> 
      <label>Reason for change</label> 
      <select class="form-control" ng-options="item.value as item.description for item in controller.priceChangeReasons" /> 
     </div> 
    </form> 
</div> 

но выпадающее меню ничего не имеет при его выборе. Я зарегистрировал priceChangeReasons и вижу, что массив работает и возвращает значения. я сделал codepen, чтобы показать проблему:

http://codepen.io/r3plica/pen/XbQzMa?editors=101

Я понимаю, что это, вероятно, ошибка синтаксиса с моей стороны, но я не могу видеть это. Может кто-нибудь помочь?

Answer 1

ngOptions директива требует ngModel, просто добавьте:

<select class="form-control" ng-options="item.value as item.description for item in controller.priceChangeReasons" ng-model="controller.reason" /> 

и все должно работать