Angular

Angular组件子传父 方法一

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

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

父组件
     <app-header [title]='title' [fn]='ziAndfu'></app-header>
 
     title = '震惊!XXX先生买情趣内衣自己穿...';
     ziAndfu(params):void{
         this.title = params
     }
 

子组件
     <p>{{title}}</p>
     <button (click)='myName("这个是我自己起的名字")'>起一个自己的名</button>

     import { Component, OnInit,Input } from '@angular/core';
     @Input() title:string = "子组件标题"
     @Input() fn:any
     constructor() { }
     //当组件初始化完毕后就会调用该方法
     ngOnInit() {}
     myName(params):void{
          this.fn(params)
     }
 
 




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

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

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