Question

我有两页的离子应用程序。一页中的信息（单选按钮）需要更新另一页的文本大小。我是否认为解决此问题的最佳方法是正确的：将单选按钮值存储在本地存储中，从存储中调用第二页中的值，并以某种方式使用此值来更新字体大小？任何帮助表示赞赏。

我已经在线观看了教程，这似乎是唯一的选择。

我的本地存储部分正常工作（令人惊讶），但是我不确定如何用该值更新标签的字体。

下一步是switch语句吗？

Answer 1

将值作为Map从首页组件传递

    import { IonicPage, NavController, NavParams} from 'ionic-angular';
    import {SecondaryPage} from '../../secondary-page/secondary-page';

    @IonicPage()
    @Component({
        selector: 'page-home',
        templateUrl: 'home.html',
    }) 
    export class home{

        styleSet:Map<string, string> = Map<string, string>();

    constructor(public navCtrl: NavController, public navParams: NavParams){}

    loadSecondaryPage(){
        //Add data to the styleSet and pass from the navCtrl like below;
        this.navCtrl.setRoot(SecondaryPage, this.styleSet);
      }
    }

从第二页获取此地图，并使用它来加载样式

import { IonicPage, NavController, NavParams} from 'ionic-angular';

    @IonicPage()
    @Component({
        selector: 'page-secondary',
        templateUrl: 'secondary.html',
    }) 
    export class SecondaryPage{

    constructor(public navCtrl: NavController, public navParams: NavParams){
        console.log(navParams.get('ItemNameOne')); //get those values by added key name in the map
        console.log(navParams.get('ItemNameTwo'));        
    }
}

您也可以使用any数据类型来替换map

数据存储样式绑定

1 个答案: