选择未在角度2的选择框中显示的框默认选定值

Question

我尝试为我的编辑页面设置默认值进行选择操作。但是，它没有显示在选择框

中

<select name=moduleId [(ngModel)]="moduleName" >
          <option value="{{model.moduleId}}" selected>{{moduleName}}</option>
          <option *ngFor="let accss of access" value="{{accss.moduleId}}">{{accss.moduleName}}</option>     
</select>

在此选项中显示如下默认值。

Answer 1

问题可能是value选项更改为[value]属性绑定

<select  name=moduleId [(ngModel)]="moduleName" >
    <option *ngFor="let accss of access" [value]="{{accss.moduleId}}">{{accss.moduleName}}</option>  // change to this   
</select>

<强> COMPONENT

export class Component {  
    moduleName: any = <yourselecteddefaut>;   
  }

Answer 2

将此value="{{model.moduleId}}"移至value="{{moduleName}}"

<select name='moduleId' [(ngModel)]="moduleName">
        <option value="{{moduleName}}" selected>{{moduleName}}</option>            
        <option *ngFor="let accss of access" value="{{accss.moduleId}}">{{accss.moduleName}}</option>     
  </select>

并在组件中将对象添加为

access = [{
    moduleId: 1,
    moduleName: 'abc'
}, {
    moduleId: 2,
    moduleName: 'def'
}];
moduleName = 'Select';