位置: 编程技术 - 正文

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组件的使用步骤)

  • 劳务费发票报销
  • 汇算清缴补交所得税怎么做凭证
  • 投资收益免征企业所得税
  • 报关单境外收货人和合同不一致
  • 发票遗失如何报销
  • 实际缴纳的税款怎么算
  • 合同租金总收入怎么填
  • 不进行工商登记会怎样
  • 应解汇款科目
  • 门诊药房主要业务
  • 公允价值确定方法最新
  • 出差回来报销差旅费,补付现金的会计分录
  • 股权继承印花税单方交
  • 没有合作会怎么样
  • 会计科目的使用说明应包括
  • 金税盘费用到期
  • 税收六项减免
  • 老版普通增值税发票还能用吗
  • 已抵扣发票如何查询开票明细
  • 环保设备的折旧计入
  • 制造费用计入期间费用吗
  • 劳务分包可以开劳务费吗
  • 员工离职补偿金可以税前扣除吗
  • 财务费用为什么会出现负数
  • 转让二手宾馆需要注意事项
  • 无法运行loot
  • 建筑企业自持商是指
  • 材料暂估入库需要备案吗
  • 贸易公司销售
  • 有什么办法可以快速减肥
  • win7系统网络连接出现红叉
  • 个人所得税扣缴申报啥意思
  • php根据日期判断星座
  • 公允价值变动损益在利润表哪里
  • php实现链式操作实验报告
  • 消费税购置税价格一样
  • c语言内联函数 undefined redernce
  • 流动资产的含义及常见项目
  • 内账增值税怎么计提
  • 交通费怎么报销
  • sql性能优化方法
  • 织梦官网
  • 企业卖地收入会计处理
  • 农业种植会计
  • 公司不按股权比例分红是否合法
  • 增值税年末所有都要结平吗
  • 科技公司技术服务费税率
  • 其他应付款转实收资本走什么程序
  • 固定资产的货币资金包括
  • SQL Server 2008 R2 应用及多服务器管理
  • 烟叶税的计税依据如何确定
  • 免税收入怎么做会计分录
  • 机票报销属于什么科目
  • 消费税为什么是中央税还是地方税
  • 什么叫公关费用
  • 工程未完工开了发票怎么做账
  • 只知道主营业务怎么办
  • 低值易耗品摊销借贷方向
  • 企业承担个人所得税分录怎么做
  • 集团固定资产管理
  • 工业企业会计与管理论文
  • 月底现金余额
  • 企业会计准则2023电子版
  • 会计的职务是什么意思
  • mac新建窗口快捷键
  • linux系统内核的功能
  • win7系统无法查看共享电脑
  • 2016年首个熊猫电站是哪一个
  • linux如何使用
  • 单线程语言有哪些
  • Linux shell实现HTTP服务示例代码
  • Unity3D游戏开发培训课程大纲
  • 批处理 输入密码
  • 完美解决怠速抖动加油就平稳
  • 静态文件格式有哪些
  • unity shader视频教程
  • js过滤特殊字符
  • python语言例子
  • 减免性质代码怎么填
  • 税务清查工作总结
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设