ionic3：如何连接单选按钮的值以连接到页面

Question

Ionic 3 ... App包含新闻页面和设置页面。
设置页面必须使用单选按钮更改应用程序的以下设置：•应用程序从中读取新闻的新闻源。 按下“保存”按钮时，应存储在此页面上所做的更改。 再次打开“设置”页面时，这些更改应反映出来。

我无法将单选按钮链接到特定新闻来源

Answer 1

如果您不使用某种后端，则可以使用Ionic LocalStorage。 您需要安装存储插件才能正常工作。 为此，请点击此链接 。

在settings.ts您应该有这样的内容。

import { Storage } from '@ionic/storage';

firstOption: String;

export class Settings {
  constructor(private storage: Storage) { }

  ionViewWillEnter() { 
    this.setUpSettings();
  }

  optionSelected(option,value) {
    this.storage.set(option,value);
  }

  setUpSettings() {
    this.storage.get('firstOption').then((res) => {
      this.firstOption = res;
    });
  }
}

然后在settings.html

<ion-content>

  <ion-list radio-group [(ngModel)]="firstOption">

    <ion-item>
      <ion-label>BBC</ion-label>
      <ion-radio (ionSelect)="optionSelected('firstOption','bbc')" value="bbc"></ion-radio>
    </ion-item>

    <ion-item>
      <ion-label>CNN</ion-label>
      <ion-radio (ionSelect)="optionSelected('firstOption','cnn')" value="cnn"></ion-radio>
    </ion-item>

  </ion-list>

</ion-content>