html - 选择框默认选择值未显示在 Angular 2的选择框中

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

<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>

这个默认值显示在选项的正下方。

最佳答案

删除此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';