如何引用Angular 4中的输入？

在Angular 4中，可以使用@Input装饰器来引用输入属性。@Input装饰器用于将父组件的属性绑定到子组件的输入属性上。

要引用Angular 4中的输入，需要按照以下步骤进行操作：

1. 在子组件的类中，使用@Input装饰器声明一个输入属性。例如，假设子组件的输入属性名为inputData：

import { Component, Input } from '@angular/core';

@Component({

 selector: 'app-child',

 template: '<p>{{ inputData }}</p>'

})

export class ChildComponent {

 @Input() inputData: string;

}

1. 在父组件的模板中，使用方括号语法将父组件的属性绑定到子组件的输入属性上。例如，假设父组件的属性名为parentData：

<app-child inputData="parentData"></app-child>

这样，父组件的parentData属性的值将传递给子组件的inputData属性。

需要注意的是，父组件的属性名要用方括号括起来，并且要与子组件中的输入属性名保持一致。

以上是在Angular 4中引用输入的基本步骤。使用输入属性可以实现父子组件之间的数据传递，使得组件之间可以共享数据并实现更灵活的交互。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
• 移动开发平台（MPS）：https://cloud.tencent.com/product/mps
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/metaverse