Как сделать выпадающее меню, выбранное в режиме редактирования в angularjs

Question

1. Это моя страница, когда я нажимаю на Изменить, раскрывающийся список не выбирается со значением в раскрывающемся списке ... Изображение

2. В режиме редактирования я получил вот так ... Изображение

   • Раскрывающийся список показывается со значениями ... Изображение

3. Мне нужно вот так ... Изображение

Вот мой угловой код:

<select class="form-control form-control-sm form-control-Cutom-height" id="dropdown" style="height: 38px;" ng-model="suppliment.PurchaseTypeId">                                                                    
    <option ng-repeat="Supple in PTSupplement" ng-selected="{{ Supple.PurchaseTypeId == suppliment.PurchaseTypeId }}" value="{{Supple.PurchaseTypeId}}" >                                                                             
        {{Supple.PurchaseType}}                                                                                       
    </option>                                                                                   
</select>

Пожалуйста, помогите мне:)

Answer 1

Похоже, что при отображении раскрывающегося списка ваше значение не будет заполнено как выбранное значение должным образом.При использовании <select> в AngularJS, вы можете указать атрибут ng-options и использовать его для генерации всех полей <option> для вас без выполнения ng-repeat, которое вы делаете.

Из документов AngularJS относительно использования ngSelected:

Примечание: ngSelected не взаимодействует с директивами select и ngModel, оно только устанавливаетвыбранный атрибут на элементе.Если вы используете ngModel для выбора, вы не должны использовать ngSelected для параметров, так как ngModel установит значение выбора и выбранные параметры.

Вместо этого используйте следующее:

<select 
    class="form-control form-control-sm form-control-Cutom-height" 
    id="dropdown" 
    style="height: 38px;" 
    ng-model="suppliment.PurchaseTypeId"
    ng-options="Supple.PurchaseTypeId as Supple.PurchaseType for Supple in PTSupplement">
</select>