Angular

Angular组件父传子

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

Angular组件父传子...

组件父传子
 
父组件
      在数据中添加一个title属性
      [title]是子组件要接收的属性名
     <app-header [title]='title'><app-header>


子组件
     子组件导入Input装饰器
      import { Input } form '@angular/core'

      export class Header implements OnInit {
           @Input()   title:string = ''     //这个属性名必须和父组传传递所用的属性名一致
            constructor(){}
            ngOnInit(){}
      }



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

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

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