第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Ionic 4事件不能在設(shè)備中工作,但在瀏覽器上工作

Ionic 4事件不能在設(shè)備中工作,但在瀏覽器上工作

UYOU 2022-09-23 17:12:33
我正在使用"@ionic/angular": "^4.11.10"我正在嘗試根據(jù)是否發(fā)出事件來顯示 中的選項(xiàng)卡。我有一個(gè)用于條件渲染。代碼如下:ion-tabsion-tab-bar*ngIf<ion-tabs color="danger">    <ion-tab-bar class="tab-bar" slot="bottom">        <ion-tab-button *ngIf="!registerClicked" tab="tab1">            <ion-icon name="thumbs-up"></ion-icon>            <ion-label>{{'Transfer' | translate}}</ion-label>        </ion-tab-button>        <ion-tab-button tab="tab2">            <ion-icon name="gift"></ion-icon>            <ion-label>{{'Perks' | translate}}</ion-label>        </ion-tab-button>    </ion-tab-bar><ion-tabs>下面是事件發(fā)射器:import { Events } from '@ionic/angular';export class LoginModalPage   constructor(      public event:Events    ) { }  public login() {      this.event.publish('registerClicked', false);  }}同樣,還有另一個(gè)函數(shù)將寄存器單擊設(shè)置為 true:import { Events } from '@ionic/angular';export class RegisterModalPage   constructor(      public event:Events    ) { }  public register() {      this.event.publish('registerClicked', true);  }}并在選項(xiàng)卡的代碼后面,import { Events } from '@ionic/angular';export class TabsPage {  public registerClicked:boolean;  constructor(    public event: Events  ) {    this.event.subscribe('registerClicked', (data) =>{      this.registerClicked = data;    });  }}現(xiàn)在,當(dāng)我運(yùn)行l(wèi)ocalhost:4200時(shí),代碼按預(yù)期工作,當(dāng)按鈕單擊時(shí)調(diào)用登錄函數(shù)時(shí)顯示,當(dāng)我單擊執(zhí)行該函數(shù)的按鈕時(shí),選項(xiàng)卡不可見。但是,當(dāng)我構(gòu)建apk并在設(shè)備上進(jìn)行測(cè)試時(shí),這不起作用。任何人都可以提供任何見解來實(shí)現(xiàn)這一目標(biāo)嗎?tab1register()
查看完整描述

1 回答

?
慕桂英546537

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超10個(gè)贊

為了將數(shù)據(jù)從一個(gè)頁面更新到另一個(gè)頁面,我們使用了事件庫。但是事件在離子5中不再可用。打擊是解決方案。運(yùn)行命令:


ionic generate service events        // this will create events provider

復(fù)制粘貼吹塑代碼。


import { Injectable } from '@angular/core';

import {Subject} from 'rxjs';


@Injectable({

  providedIn: 'root'

})

export class EventsService {


private fooSubject = new Subject<any>();


constructor() { }



    publishLogin(data: any) {

        this.fooSubject.next(data);

    }


    receiveLogin(): Subject<any> {

        return this.fooSubject;

    }

}

從頁面 A:導(dǎo)入您的服務(wù),在構(gòu)造函數(shù) // 中初始化它


constructor(public events: EventsService){}

并發(fā)布事件 例如


 this.events.publishLogin(yourDataVariable);

在頁面 B 中接收它:導(dǎo)入您的服務(wù),在構(gòu)造函數(shù) // 中初始化它


    constructor(public events: EventsService){}


this.events.receiveLogin().subscribe((res:any)=>{

        console.log(res);

      })


查看完整回答
反對(duì) 回復(fù) 2022-09-23
  • 1 回答
  • 0 關(guān)注
  • 144 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)