时间戳

首页 > 解决方案 > Ionic 4将数据从标签栏传递到所有标签

ionic-framework - Ionic 4将数据从标签栏传递到所有标签

问题描述

我的应用中有五个标签。所有这些选项卡都需要存储在本地存储中的 id。因此，我想从标签栏页面上的本地存储中获取此 ID，并在用户单击相应选项卡时将其发送到所有选项卡。

我不想使用查询参数，因为在 url 中公开 id 是不安全的

编辑我已经将角度路由器的navigationExtras 与click 事件一起使用，它正在工作。但我不确定这是最好的方法。

<ion-tab-button tab="tab1" (click)="tab1()">
      <ion-icon name="triangle"></ion-icon>
      <ion-label>Tab 1</ion-label>
    </ion-tab-button>



  tab1(){
    let navigationextas : NavigationExtras ={
      state : {
        user : 2
      }      
    }

    this.router.navigate(['tabs/tab1'], navigationextas)
  }

标签： ionic-frameworkionic4ionic-tabs

解决方案

尝试使用共享服务在单击时设置 id 并填充选项卡

推荐阅读