如何设置选定的 ngfor ionic2

Question

我想设置选择，但我在下面尝试了这个不起作用如何设置选定的 ngfor ionic2我试过了

<ion-item>
      <ion-label>Source</ion-label>
      <ion-select [(ngModel)]="filter" >
        <ion-option value={{item.val}} *ngFor="let item of options" selected="item.val == 'pencil'">{{item.name}}</ion-option>
      </ion-select>
    </ion-item>

它不起作用，不显示已选择此默认

TS

public options =  [
        {
            "name": "Pencils",
            "val" : "pencil"
          }
             .
             .
             .
        ];

Answer 1

由于您有 ngModel ，您应该首先将过滤器设置为所选项目：

public filter = this.options[0].val;

Answer 2

[selected] 而不是 selected 和 [value] 而不是 value ：

  <ion-option [value]="item.val" *ngFor="let item of options" [selected]="item.val == 'pencil'">{{item.name}}</ion-option>
      </ion-select>

注 ：

1. 绑定到静态值时使用property，例如：value="someValue"
2. 绑定到变量或表达式时使用[property]，例如：[value]="getSomeValue()" 。