Angular 4 中的装饰器语法 @Input('someValue') 和 @Input() 有啥区别?

Posted

技术标签:

【中文标题】Angular 4 中的装饰器语法 @Input(\'someValue\') 和 @Input() 有啥区别?【英文标题】:What is the difference between decorator syntax @Input('someValue') and @Input() in Angular 4?Angular 4 中的装饰器语法 @Input('someValue') 和 @Input() 有什么区别? 【发布时间】:2018-02-25 21:10:34 【问题描述】:

我一直不清楚这两种语法有什么区别,提前谢谢

【问题讨论】:

【参考方案1】:

@Input() 不会有任何别名命名。

例子

 @Input() student:any[];
 <component [student]="...">

@Input('someValue') 将别名作为 someValue

例子

@Input('studentInfo') student:any[];

<component [studentInfo]="...">

使用别名时的说明请确保您在 html 模板中使用别名。

【讨论】:

@JustinCastillo 很高兴帮助你【参考方案2】:

除了@Aravind 帖子之外,@Output@ViewChild 指令也是如此。

【讨论】:

以上是关于Angular 4 中的装饰器语法 @Input('someValue') 和 @Input() 有啥区别?的主要内容,如果未能解决你的问题,请参考以下文章

关于angular中@Input装饰器传入值遇到的问题

如何在界面中定义 Angular 的 @Input 装饰器?

vs 代码更漂亮 - 在 @Input() 装饰器之后添加新行

angular之Input和Output

如何连接 Output() 和 Input() 装饰器?

装饰器何时以及如何应用到 @angular 包中的装饰类