angular的核心组件化,可以说组件化的相当彻底。而要实现组件之间的通信,一个必不可少的就是输入和输出。通过对输入输出的学习,更加加深我对组件化的认识。
组件的输入
angular
允许使用两种形式来定义组件的输入,一种是在装饰器@Component
中使用inputs
来定义,另一种是使用@Input
来定义。
inputs
首先先介绍在装饰器中使用的输入。inputs
接收的是一个字符串数组,用来指定我们输入的键名。
name
就会对应我们组件中的name
变量。
然后我们定义一个组件,当然不可避免有的时候会在其他的组件的模板中使用,所以就可以这样写。
上级组件
:
上级组件的模板
: