Angular の親コンポーネントと子コンポーネントの間で通信するにはどうすればよいですか?父親から息子へ価値観を渡す方法の簡単な分析

public name: string = "jack"; public changeName(value: string) { this.name = value; }

{{name}}

import { Component, Input, EventEmitter, Output } from '@angular/core'; @Input() name: string; @Output() changeName: EventEmitter = new EventEmitter(); public emit() { this.changeName.emit("修改name属性"); }

private _name: string = ""; @Input() public get name(): string { return this._name; } public set name(value: string) { this._name = value + "定义结构"; }

@Input() name: string; ngOnChanges(changes: SimpleChanges): void { (({name}) => { console.log(name.currentValue,name.previousValue); })(changes); }

 按钮

public childFn() { console.log("通过模板变量调用子组件中的方法"); }

 childFn

@ViewChild("child") child: LiftcycleComponent; public childFn(): void { this.child.childFn(); }

import { Subject } from 'rxjs'; import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class CommunService { constructor() {} public commun = new Subject(); communSend() { this.commun.next("send"); } }

constructor(private commun: CommunService) { } public send(): void { this.commun.communSend(); }

constructor(private commun: CommunService) { this.commun.commun.subscribe((value) => {console.log(value)}); }

public name: string = "jack"; public send(): void { console.log(this.name); }

childSend

@Input() send: Function; public childSend() { this.send(); }