位置: 编程技术 - 正文

Angular 4根据组件名称动态创建出组件的方法教程(angular子组件调用父组件的方法)

编辑:rootadmin

推荐整理分享Angular 4根据组件名称动态创建出组件的方法教程(angular子组件调用父组件的方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angular @viewchild,angularjs组件,angular 模块 组件 指令,angular 比较好的组件库,angularjs组件,angularjs组件,angular的组件,angular的组件,内容如对您有帮助,希望把文章链接给更多的朋友!

一、理解angular组件

组件是一种特殊的指令,使用更简单的配置项来构建基于组件的应用程序架构,这样他能简单地写app,通过类似的web Component 或者angular2的样式。web Component 是一个规范。马上就要成为标准。

应用组件的优点:

比普通指令配置还简单 提供更好的默认设置和最好的实践 对基于组建的应用架构更优化。 对angular2的升级更平滑。

不用组建的情况:

对那些在 compile或者pre-link阶段要执行操作的指令,组件不能用,因为无法到达那个阶段。 如果你想定义指令的 priority,terminal,multi-element,也不能用。 组件只能通过元素标签触发,其他的只能用命令。

二、动态创建组件

说说场景先,比我写了一些组件,这此组件内容都很少,弹出的对话框也许只有一行数据,也有可能是一个表单等,或都一些多选的,单选的选项等。 网上有好多,动态创建组件的Demo,都不是很满意,愿意就是要动态创建组件的时候,传入的你即将要创建的组件对象进去,然后把这个放到页面里显示出来。这算什么动态创建呀,我就想传一个组件的名字,然后就能把他创建出来。 之前写过C#动态创建类,都是给一个类的名称,然后通过反射将类创建出来,然后能过接口过滤转成接口调用方法或, invoke 某个方法等进行操作。像这种才是我想要的效果。 给个名称,然后就把这个组件创建出来,通过输入一些参数对创建出来的组件进行赋值,输出一些参数(主就输出是事件了,比较点击组件上的按钮触发相应的事件等)。

说了这么多,先来个例子吧。

Angular 4根据组件名称动态创建出组件的方法教程(angular子组件调用父组件的方法)

上面那张图很简单就是一个输入文本的一个弹框。

下面这个就有点复杂了,有数据传入,事件绑定等

主了调用起来方便,我把这些都封装成了一个方法:三个参数

要创建的组件名称 要传入组件的参数 组件输出的事件

由于我动态创建的组件都是以弹框形式出来,所以我把动态创建的步骤放到了,弹框组件里。

创建Dialog.ts,文件,

就不把代码张贴里了,查看全部代码可以点击这里展示出几个方法吧,具体详情可能点击

总结

标签: angular子组件调用父组件的方法

本文链接地址:https://www.jiuchutong.com/biancheng/375845.html 转载请保留说明!

上一篇:Vue异步加载about组件(vue异步加载第三方库)

下一篇:详解Vue组件实现tips的总结(vue组件的使用步骤)

  • 个人独资企业税种有哪些
  • 企业收到投资者投入的生产设备,其账务处理
  • 科技公司技术服务费计入什么科目
  • 生产型企业直接进口产品是否可直接出口
  • 科目余额表一定要编吗
  • 远期采购合同会查吗
  • 销售发票的会计处理
  • 购入固定资产如何摊销
  • 个人转让著作权交什么税
  • 增值税税收返还政策
  • 房地产收到客户房款如何做账
  • 企业中由特定人员所承担的一项
  • 事业单位发票名称是原来的怎么办
  • 让渡资产使用权是指资产的所有者将
  • 银行手续费要发票什么时候开始的
  • 税种案例分析
  • 2020年职工福利费扣除比例
  • 购进要不要交印花税
  • 小规模购买财务软件怎么做分录
  • 建筑安装工程费用人工费计算方式
  • win10怎么打开任务管理器
  • 如何关闭windows10资讯
  • 微软官方教你如何验机
  • 入库单的金额填不填价税合计
  • 哪些金融资产的股票会涨
  • 预付款无法收回账务处理
  • 计提本月工资是上月工资吗
  • 收购后的固定资产如何入账
  • 折扣销售的定义
  • 茶叶的种类有哪些,八大茶类你都知道吗?
  • fpzs1是什么文件可以删除吗
  • 二次规划是什么意思
  • sload命令
  • apache环境搭建
  • php进程数设置
  • 房地产公司收到预售款缴纳印花税吗
  • vue清空input file的值
  • 微擎框架是开源的吗
  • 应纳税所得额100-300万税率
  • 什么情况印花税
  • 其他应收款怎么核对
  • 个人独资企业最新税收政策
  • sql server数据
  • 个体工商户生产经营税
  • 政府预算会计的会计科目
  • 个税异地缴纳后果
  • 电子银行承兑到期没有兑现怎么办
  • 发票冲红原件需要拿回来吗
  • 土地承包费和土地租赁费收入记账
  • 探望生病员工属于什么费用
  • 税收优惠退回的税金怎么入账
  • 一家新成立的贸易企业
  • 贷款转入账号
  • 收购股权如何做分录
  • 网上银行回单可以做账吗
  • 时段与时点
  • 餐费补贴属于工资还是福利费
  • 建立备查账的是
  • mysql varchar2
  • MySQL中interactive_timeout和wait_timeout的区别
  • 任务栏都不见了
  • xp开机延时启动程序
  • freebsd重启命令
  • win8系统怎么创建局域网
  • win8自带软件
  • ubuntu怎样调出命令行
  • win10 20h2怎么更新
  • mac修改文件名
  • linux限制用户cpu使用
  • perl mkdir
  • [置顶]公主大人接下来是拷问时间31
  • bat xcopy copy
  • unity已存在
  • 互联网巨头bat有哪些
  • bootstrap需要学多久
  • 福建省地税局副局长 阮
  • 消费税纳税申报流程图
  • 江苏省国税务局
  • 武汉二手房交易信息
  • 无锡市国家税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设