input - Angular 2 : What are @input and @output properties

Question

在@component中，

@input 和@output 属性代表什么以及它们的用途是什么？

什么是指令，为什么我们必须把指令放在下面的结构中？

directives:[CORE_DIRECTIVES, FORM_DIRECTIVES]

如果有人能告诉我@input 和指令之间的区别，那就太好了。

Answer 1

简而言之:

@Input用于组件标签的属性。

@Output用于组件标签的事件。

想想 HTML 输入:

<input type="button" onclick="doSomething($event)" ></input>

输入的 type属性告诉组件它将如何呈现和表现，如按钮、文本输入等...如果您要使用类似的属性，您将使用 @Input注释，因为您想将信息插入到您的组件中。

输入的 onclick属性/事件在 Angular 2 中被视为 @Ouput属性，因为它将信息作为 $event 发送反对可能使用它的外部组件。

参见: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#inputs-outputs

就像 Chibi 提到的，你不再这样做了:

directives:[CORE_DIRECTIVES, FORM_DIRECTIVES]

为了使用它们。