首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >angular 2输入装饰器为什么需要它?

angular 2输入装饰器为什么需要它?
EN

Stack Overflow用户
提问于 2016-12-30 21:43:49
回答 2查看 1.1K关注 0票数 1

我研究的是Angular 2。我面临的任务是将数据传输到父component.in的组件中,官方文档是用@ input.No编写的,但我不明白为什么angular 2的开发人员让它need?.Why没有@ INPUT.Why添加@Input就不会进行传输?在文档中的解释对我来说并不清楚

EN

回答 2

Stack Overflow用户

发布于 2016-12-30 21:46:01

要定义组件的输入,请使用@Input装饰器。

例如,组件需要一个用户参数来呈现有关该用户的信息:

代码语言:javascript
复制
<user-profile [user]="currentUser"></user-profile>

因此,您需要将@Input绑定添加到user:

代码语言:javascript
复制
import { Component, Input } from '@angular/core';

@Component({
  selector: 'user-profile',
  template: '<div>{{user.name}}</div>'
})
export class UserProfile {
  @Input() user;
  constructor() {}
}
票数 3
EN

Stack Overflow用户

发布于 2016-12-30 21:47:46

[inputProp]="someValue"这样的组件模板中的绑定只允许具有匹配名称的@Input() inputProp;或HTML元素的原生属性。

我只是在猜测,但有两种解释浮现在我的脑海中

  • 更高效的代码或代码生成如果需要显式显示属性,这将允许更高效的代码
  • 更好地支持工具这允许工具检查代码中的错误,在编写模板时提供自动完成功能,可能还会提供更多的
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41397293

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档