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

Question

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

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

Answer 1

如果您不使用某种后端，您可以使用 Ionic LocalStorage。您需要安装 Storage 插件才能使用。这样做follow this link。

在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>