您的位置:首页 > 编程语言 > PHP开发

angular @input @output

2017-11-21 16:29 495 查看
个人理解 @input装饰器作用   父组件传递参数 赋值给子组件 子组件接受 父组件传递的值  并渲染在界面上。

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

组件间通信 三种方式  

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

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

3.
通过服务(service)提供服务的实例,并且共享给子组件通过providers
也就是父组件providers以后 它的子组件就可以相应的调用 该服务的数据
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  个人记录 angular