在通过ngBook-2阅读时,我发现在@Component装饰器中使用input属性还有另一种方法.
关于SO的THIS个类似的问题,一个人回答：
One advantage of using inputs is that users of the class only need to look at the configuration object passed to the @Component decorator to find the input (and output) properties.
并通过documentation状态看：
Whether you use inputs/outputs or @Input/@Output the result is the same so choosing which one to use is largely a stylistic decision.
实际上,最有用的信息主要是相互矛盾的,具体取决于你的外观.
在@Component里面
@Component({
selector: 'product-image',inputs: ['product'],template: `
<img class="product-image" [src]="product.imageUrl">
})
class ProductImage {
product: Product;
}
内部课程
@Component({
selector: 'product-image',template: `
<img class="product-image" [src]="product.imageUrl">
})
class ProductImage {
@Input() product: Product;
}
我想知道的事情
>更多的是“最佳实践”用法？
>你什么时候用一个而不是另一个？
>有什么不同吗？
根据官方Angular 2 style guide,STYLE 05-12说
Do use
@Inputand@Outputinstead of the inputs and outputs properties of the@Directiveand@Componentdecorators
好处是(来自指南)：
>识别类中的哪些属性是输入或输出更容易,更易读.
>如果您需要重命名与@Input或@Output关联的属性或事件名称,则可以将其修改为单个位置.
>附加到指令的元数据声明更短,因此更具可读性.
>将装饰器放在同一行上可以缩短代码,并且仍然可以轻松地将属性标识为输入或输出.
