首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ionic3:如何连接单选按钮的值以连接到页面

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

Stack Overflow用户
提问于 2018-01-10 04:39:41
回答 1查看 964关注 0票数 0

Ionic 3...App包含新闻页面和设置页面。

设置页面必须使用单选按钮更改应用程序的以下设置:·应用程序从中读取新闻的新闻来源。当按下保存按钮时,应保存在此页面上所做的更改。当设置页面再次打开时,这些更改应该会反映出来。

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

EN

回答 1

Stack Overflow用户

发布于 2018-01-10 06:48:57

如果你不是在使用某种后端,你可以使用离子LocalStorage。您需要安装存储插件才能正常工作。要这样做,follow this link

settings.ts中,你应该有类似这样的东西。

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48176325

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档