Ionic 2填充动态选项,其中一个通过ngModel选择

时间:2017-02-03 23:52:35

标签: angular ionic2

我搜查了互联网的高速公路,并没有找到解决问题的可行办法。

我有这个代码从api创建一个动态的选项列表,这非常有效。

        <ion-select
          formControlName="dataset"
          (ionChange)="checkDataset($event)"
          [(ngModel)]="chosenDataObj.dataset">
          <ion-option
            *ngFor="let data of dataSet">
            {{data}}
          </ion-option>
        </ion-select>

此应用程序保存&#34;数据集&#34;向NativeStorage提供信息,并在返回此页面时分别检索它。我需要将动态ion-option的值设置为先前选择的值。我试过了

ngModel=chosenDataObj.dataset
[selected]="chosenDataObj.dataset"
[checked]="foo"

各种各样的变化,但无济于事。根据许多其他来源,ngModel是正确的方法,但由于它与FormBuilder结合,它似乎发生冲突,而不是正确设置。

如果有任何帮助,我通过TS代码中的promise加载selectedDataObj.dataset,我知道值是存在的,因为我可以将它用作占位符属性,并且按预期工作。

非常感谢任何有关此事的帮助。

感谢社区!

1 个答案:

答案 0 :(得分:0)

我之前遇到过这个问题。

这对我有用 -

直接在formGroup

中设置值
this.form_name.controls['dataset'].setValue(chosenDataObj.dataset)

取决于您希望在加载formBuilder时显示的时间,ionChange事件或保存。