Question

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

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

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>

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

1 个答案: