zoukankan      html  css  js  c++  java
  • Angular2中Input和Output

    @Input

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

    @Output

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

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

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

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

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

    https://www.tongbiao.xyz/
  • 相关阅读:
    作为产品经理为什么选择开源GIS
    arcpy自动发布服务02
    rclone
    MinIO+Keepalived+Nginx
    Mysql-用户管理
    docker-compose
    docker-制造镜像
    docker-数据卷
    docker-容器操作
    docker-镜像操作
  • 原文地址:https://www.cnblogs.com/tongbiao/p/8804464.html
Copyright © 2011-2022 走看看