Angular 父子传值

最新推荐文章于 2024-09-21 11:29:05 发布

KsL1

最新推荐文章于 2024-09-21 11:29:05 发布

阅读量214

点赞数

分类专栏： angular 文章标签： angular.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45553145/article/details/125691853

版权

angular 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

子传父

  @Output() Name: EventEmitter<类型> = new EventEmitter();
  Start(){
 		 this.Name.emit(value)
 	 }
 	 父组件接收
 	 <app-child  (Name)=Name($event)></app-child>
 	 Name(event:类型）{
		console.log(event);
	}

父传子

1.@input value:string
	value:string
<app-child  [value]=value></app-child>
在ngOnChanges中接受并检测其变化
 ngOnChanges(changes: SimpleChanges): void {
 console.log(changes['value']);
}
2.@input value: Subject<string> 
	value: Subject<string> = new Subject();
<app-child  [value]=value></app-child>
传：this.value.next(value);
收：  this.changing.subscribe((v: string) => {
 		 console.log(v);
    });