我们可以在子组件中使用@Output()装饰器和EventEmitter类将数据从子组件发送到父组件,并在父组件中使用属性绑定来接收数据。为了防止传递假值,我们可以在子组件中添加条件语句来检查传递的值是否为真值。以下是一个示例代码:
// 子组件 import { Component, EventEmitter, Output } from '@angular/core';
@Component({
selector: 'child-component',
template:
})
export class ChildComponent {
@Output() dataEvent = new EventEmitter
sendData() { const dataToSend = '真值传递'; if (dataToSend) { this.dataEvent.emit(dataToSend); } } }
// 父组件 import { Component } from '@angular/core';
@Component({
selector: 'parent-component',
template: {{ receivedData }}
})
export class ParentComponent {
receivedData: string;
receiveData(data: string) { this.receivedData = data; } }