Select 框默认选定值未显示在 angular 2 的选择框中

Question

我正在尝试使用为我的编辑页面设置的默认值执行 select 操作。但是，它没有显示在 select 框中

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

组件

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

Select 框默认选定值未显示在 angular 2 的选择框中

Select box default selected value not showing in selectbox in angular 2

html

typescript

angular2-template

angular