angular @input @output

个人理解 @input装饰器作用   父组件传递参数 赋值给子组件 子组件接受 父组件传递的值  并渲染在界面上。

         @output装饰器作用   通常暴露EventEmitter 当子组件事件触发时候 向父组件传递信息。


组件间通信 三种方式  

1.<app-countdown-timer #timer></app-countdown-timer> 通过#timer获取子组件 app-countdown-timer 的属性和方法 然后在父组件里面调用

2.@ViewChild 父组件通过@ViewChild装饰器 获取子组件里面的方法和属性 并定义成相应父组件里面的属性和方法 调用父组件的属性和方法 达到相同的效果

3. 通过服务(service提供服务的实例,并且共享给子组件通过providers 也就是父组件providers以后 它的子组件就可以相应的调用 该服务的数据

猜你喜欢

转载自blog.csdn.net/wen_binobject/article/details/78593751
今日推荐