如何在angularjs

Question

1. 这是我的页面，当我单击Edit时，下拉列表中的值未选中... Image

2. 在编辑模式下，我会变成这样……Image

   • 下拉列表显示值... Image

3. 我需要这样... Image

这是我的角度代码：

<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

似乎显示下拉菜单时，您的值未正确填充为所选值。在AngularJS中使用<select>时，您可以指定ng-options属性，并使用该属性为您生成所有<option>字段，而无需执行您正在做的ng-repeat。

来自AngularJS docs的关于ngSelected的使用：

  

注意：ngSelected不与select和ngModel指令交互，它仅在元素上设置selected属性。如果在选择上使用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>