要解决Angular推送消息无法显示的问题,可以尝试以下方法:
@Input
和EventEmitter
来传递和接收消息。示例代码:
// 子组件
import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'child-component',
template: `
`
})
export class ChildComponent {
@Output() messageSent = new EventEmitter();
sendMessage() {
this.messageSent.emit('Hello!');
}
}
// 父组件
import { Component } from '@angular/core';
@Component({
selector: 'parent-component',
template: `
{{ message }}
`
})
export class ParentComponent {
message: string;
showMessage(message: string) {
this.message = message;
}
}
console.log()
来打印消息,以确保消息已经传递到了接收方组件。示例代码:
// 子组件
import { Component, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'child-component',
template: `
`
})
export class ChildComponent {
@Output() messageSent = new EventEmitter();
sendMessage() {
const message = 'Hello!';
console.log('发送消息:', message); // 打印消息
this.messageSent.emit(message);
}
}
// 父组件
import { Component } from '@angular/core';
@Component({
selector: 'parent-component',
template: `
{{ message }}
`
})
export class ParentComponent {
message: string;
showMessage(message: string) {
console.log('接收消息:', message); // 打印消息
this.message = message;
}
}
示例代码:
// 父组件模板
{{ message }}
希望以上方法能帮助你解决Angular推送消息无法显示的问题。