7.2 - 子组件给父组件传值

父组件给子组件传递一个事件，子组件通过 @Output 弹射触发事件，给父组件传值

// 父组件
<app-title (addList)="addListFun($event)"></app-title>
export class HomeComponent implements OnInit {
    constructor() { }
    ngOnInit(): void {
    }
    list: Array<string> = ['1', '2', '3']
    addListFun(str: string) {
        this.list?.push(str)
        console.log(this.list)
    }
}
// 子组件
import { Component, EventEmitter, OnInit, Output } from '@angular/core';
export class TitleComponent implements OnInit {
    // 接收父组件传递的方法函数，自定义事件 new EventEmitter()
    @Output() addList = new EventEmitter()
    addPushList(v: string) {
        this.addList.emit(v)
    }
    constructor() { }
    ngOnInit(): void { }
}
// 子组件触发
<button (click)="addPushList('vue')">子组件给父组件传值</button>