Angular

Angular组件子传父 方法二

联系站长 作者:web知道 来源:未知 2020-01-08 17:53 我要评论

Angular组件子传父 方法二...

父组件
          <app-header [title]='title' (fn)='ziAndfu($event)'></app-header>        ziAndfu一定要带($event),否则接收不到返回参数

          title = '震惊!吴宇海先生买情趣内衣自己穿...';
          ziAndfu(params):void{
                    this.title = params
          }
 
子组件
          <p>{{title}}</p>
          <button (click)='myName("这个是我自己起的名字")'>起一个自己的名</button>

           import { Component, OnInit,Input,Output,EventEmitter } from '@angular/core';
 
           @Input() title:string = "子组件标题"
           @Output() private fn = new EventEmitter<string>()    //string是根据emit的数据类型确定
           constructor() { }
           //当组件初始化完毕后就会调用该方法
           ngOnInit() {}
           myName(params):void{
                      this.fn.emit(params)
           }
 




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
精彩导读