我试图根据存储在另一个组件中的变量的值来显示离子组件,即按钮。
该变量称为isPickupRequested,一个存储在我的home.ts 中的布尔值
我想在变量等于 true 时显示请求按钮,并在 false 时隐藏它。
主页.ts
. . .
export class HomePage {
public isPickupRequested: boolean;
constructor(public navCtrl: NavController, public platform: Platform,
private geolocation: Geolocation, public events: Events) {
platform.ready().then(() => {
this.loadMap();
this.isPickupRequested = false;
}
. . .
请求按钮.html
<button [hidden]="!isPickupRequested" ion-button (tap)="ConfirmPickup()">Set pickup location</button>
请求按钮组件如何访问 isPickupRequested 变量?
要将组件的值传递给父组件,您需要使用events。
所以从子页面做这样的事情:
import { EventEmitter, Output } from '@angular/core';
@Component({
...
})
export class ChildPage {
@Output() pickupConfirmed = new EventEmitter();
...
notifyPickupConfirmed() {
this.pickupConfirmed.emit(pickUpId);
}
}
然后在父页面中,您可以像处理其他任何事件一样在模板中捕获事件:
<request-button (pickupConfirmed)="onPickupConfirmed($event)">
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句