Ionic 2 使用通过 ngModel 选择的选项填充动态选项

Question

我已经搜索了互联网的高速公路，但没有想出一个可行的解决方案来解决我的问题。

我有这段代码，可以从 api 创建选项的动态列表，这效果很好。

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

此应用程序将"数据集"信息保存到 NativeStorage，并在返回此页面后分别检索它。我需要将动态离子选项的值设置为先前选择的值。我试过了

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

以及每种变体的各种变体，但无济于事。根据许多其他消息来源，ngModel是正确的方法，但是由于它与FormBuilder结合使用，因此似乎发生了冲突并且没有正确设置。

如果有任何帮助，我通过 TS 代码中的承诺加载 chosenDataObj.dataset，我知道该值在那里，因为我可以将其用作占位符属性并且它按预期工作。

在这件事上的任何帮助将不胜感激。

感谢社区！

Answer 1

我以前遇到过这个问题。

这就是对我有用的——

直接在formGroup中设置值：

this.form_name.controls['dataset'].setValue(chosenDataObj.dataset)

取决于您想要显示的时间，例如何时加载表单生成器，ionChange事件或保存。