Angular2中Input和Output

@Input

@Input是用来定义模块的输入的，用来让父模块往子模块传递内容：

@Output

子模块自定义一些event传递给父模块用@Output。

 

对于angular2中的Input和Output可以和angularjs中指令作类比。

Input相当于指令的值绑定，无论是单向的(@)还是双向的(=)。都是将父作用域的值“输入”到子作用域中，然后子作用域进行相关处理。

Output相当于指令的方法绑定，子作用域触发事件执行响应函数，而响应函数方法体则位于父作用域中，相当于将事件“输出到”父作用域中，在父作用域中处理。

看个angular2示例吧，我们定义一个子组件，获取父作用域的数组值并以列表形式显示，然后当点击子组件的元素时调用父组件的方法将该元素删除。