1
我有一个下拉菜单,如下默认选择不工作
<select class="form-control input-xs" [(ngModel)]="filter.period" name="periodId" (ngModelChange)="onPeriodChange($event)">
<option *ngFor="let period of periods; let i = index" [ngValue]="period.value" [selected]="i==0">
{{period.text}}
</option>
</select>
但在UI中选择它不显示我的第一要素。它显示为默认选择的只是空白,但它使得它像组件
<select class="form-control input-xs ng-untouched ng-pristine ng-valid" name="periodId" ng-reflect-name="periodId">
<!--template bindings={
"ng-reflect-ng-for-of": "[object Object],[object Object],[object Object],[object Object]"
}-->
<option value="0: 0" ng-reflect-ng-value="0" ng-reflect-selected="true">
All pending tasks
</option>
<option value="1: 1" ng-reflect-ng-value="1" ng-reflect-selected="false">
Due in next 7 days
</option>
<option value="2: 2" ng-reflect-ng-value="2" ng-reflect-selected="false">
Due next month
</option>
<option value="3: 3" ng-reflect-ng-value="3" ng-reflect-selected="false">
Completed in last 7 days
</option>
</select>
下拉选项如下
periods = [{ text: 'All pending tasks', value: 0 },
{ text: 'Due in next 7 days', value: 1 },
{ text: 'Due next month', value: 2 },
{ text: 'Completed in last 7 days', value: 3 }];
真的愚蠢的错误我犯了兼容。复制代码的不同部分。更新我的代码。 – Imad
而且,[selected] =“i == 0”在其他选择中与[ngValue]配合工作正常 – Imad
我从未见过这种工作方式,我想要记住它在GitHub问题中提到过,这不应该起作用。你能提供一个显示你所说的内容的Plunker吗? –