Question

我正在创建使用select的双向绑定ngFor下拉列表，这些下拉列表工作正常，但是当页面加载时，没有选择option。我试过[selected]，但没有再发生任何事情......有什么难事吗？

代码：

<ng-container *ngFor="let attribute of details.Attributes">
    <tr *ngIf="attribute.IsConfigurator == 'true'">
        <td align="right">{{attribute.PropertyName}}</td>
        <td>
            <select [(ngModel)]="config[attribute.Pid]" (ngModelChange)="updateConfig()" class="form-control">
                <option *ngFor="let values of attribute.Values; let i = index" value="{{values.Vid}}" [selected]="i == 0">{{values.Value}}</option>
            </select>
        </td>
    </tr>
</ng-container>

Answer 1

[selected]="i == 0"不适用于[(ngModel)]="config[attribute.Pid]"

将您想要选择的值分配给config[attribute.Pid]或绑定到ngModel的任何表达式

values = ['a', 'b', 'c'];
selected = 'b';

<select [(ngModel)]="selected">
  <option *ngFor="let item of values" [value]="item">{{item}}</option>
</select>

最初会选择b。

Answer 2

在 @media (max-width:520px){ .navigation-list li{ display: block; } }

上的组件内设置 ngModel 值

ngOnInit

然后

selected : any;
ngOnInit() {
     this.selected = this.attribute.Values[0];
}

在双向绑定选择下拉菜单中没有选择任何选项？

2 个答案: