美文网首页
angular4 父组件向子组件通信传值

angular4 父组件向子组件通信传值

作者: 云小诺 | 来源:发表于2018-05-08 11:16 被阅读0次

本文章,全程无废话!!!

父组件html:

  <comment [numberId]="numberId" [aaanum]="aaanum" [isCan]="isCan"></comment>

父组件ts:

  numberId: number;
  aaanum: number;
  isCan: boolean;

子组件ts:

  @Input() numberId: number;
  @Input() aaanum: number;
  @Input() isCan: boolean;


 ngOnChanges() {
     // 在这里 就可以取到 数据
     console.log(this.numberId);
 }

子组件html:

  // 子组件html也可以直接用
  <h5>{{'common.hello' | translate }} ({{numberId}})</h5>

相关文章

  • angular4 子组件向父组件通信

    之前我写过 父组件向子组件通信 :《angular4 父组件向子组件通信传值》https://www.jiansh...

  • ReactNative组件间的通信

    父组件向子组件通信 父组件向子组件传值 父组件向子组件传递方法 子组件向父组件通信 子组件向父组件传值 子组件向父...

  • Vue.js父子组件和非父子组件间的传值通信

    [toc] 父子组件的传值通信 父组件向子组件传值 父组件: 子组件: 子组件向父组件传值 Note 子组件不能直...

  • react组件通信

    父->子通信父组件向子组件传值 使用组件属性的形式父组件给子组件传值。比如:我们在...

  • vue的8种通信方式

    一、props / emit 子组件可以向父组件通信。 父组件向子组件传值下面通过一个例子说明父组件如何向子组件传...

  • React组件通信

    1.父组件与子组件通信父组件传值到子组件props。2.子组件与父组件通信父组件向子组件传一个函数,子组件将自己的...

  • 19.ReactNative组件间的通信

    父组件向子组件通信: 父组件向子组件传值 通过props传递 在父组件中name='我是父组件向子组件传递的参数'...

  • ReactNative组件间的通信

    父组件向子组件通信 父组件向子组件传值 通过props传递 在父组件中name='我是父组件向子组件传递的参数' ...

  • Vue组件间通信

    Vue组件间通信 父子组间通信 通过props向子组件传值,通过事件向父级组件发送消息 通过props向子组件传值...

  • Vue.js父子组件传值

    父组件向子组件传值: 子组件向父组件传值:

网友评论

      本文标题:angular4 父组件向子组件通信传值

      本文链接:https://www.haomeiwen.com/subject/twiblftx.html