组件通讯_向子组件传递数据（组件的输入）

1. 为需要被传值的子组件绑定输入属性，绑定方式：[输入属性]=‘表达式’

   xxxxxxxxxx
   <!-- 父组件模板 -->
   <!-- 引入了子组件，并给子组件通过属性绑定的形式设置了一个输入 -->
   <app-child [name]="name"></app-child>
   

   xxxxxxxxxx
   //父组件类 
   name='我来自父组件'
   

2. 使用@Input装饰器来接收输入：@Input(输入属性) 组件实例属性

   xxxxxxxxxx
   //子组件类
   import {  Input } from '@angular/core';
   
   export class ChildComponent {
       //接收的属性名跟组件实例中的属性名称一致时，可以采用简写的形式。
       // @Input('name') name:string=''
     @Input() name:string=''
     constructor() { }
   
   }
   

   xxxxxxxxxx
   <!-- 子组件模板 -->
   <p>{{name}}</p>
   

注意：

当我们为组件指定了一个输入时，这个组件的定义类就一定要有一个实例属性来接收这个输入的值。

在属性的外面加 [ ] 表示绑定动态值，不加 [ ] 表示绑定普通值。

实时效果反馈

1.下列描述错误的是：

A 向子组件传递数据的时候可以给子组件绑定输入属性

B 子组件的输入属性需要接收

C 使用@Output()装饰输入属性

答案

1=>C