在Angular2中注入模板HTML部分

栏目: Html · 发布时间: 5年前

内容简介:花了几个小时后,使用ngTemplateOutlets,componentFactoryResolvers,以及使用ViewChild奇怪的东西来解决奇怪的兔子洞…我认为必须有更好的方法.我有一个组件,其html模板变得越来越大.纯粹出于组织目的,我想将一些html移动到子模板(其他文件)中.然后我想在我的主模板中只有一行来引入它们,但是所有内容的范围和上下文应该保持不变.我可以通过将所有内容包装在自己的组件中来实现它,但这似乎是一种浪费,我需要在整个地方安装@Output eventEmitters,看起

花了几个小时后,使用ngTemplateOutlets,componentFactoryResolvers,以及使用ViewChild奇怪的东西来解决奇怪的兔子洞…我认为必须有更好的方法.

我有一个组件,其html模板变得越来越大.纯粹出于组织目的,我想将一些html移动到子模板(其他文件)中.然后我想在我的主模板中只有一行来引入它们,但是所有内容的范围和上下文应该保持不变.

我可以通过将所有内容包装在自己的组件中来实现它,但这似乎是一种浪费,我需要在整个地方安装@Output eventEmitters,看起来像是浪费.

我发现最接近“好”的是[innerHtml],但显然这不起作用,因为Angular2不处理它引入的html.我真的很惊讶没有直接的方法来做这个…它不需要做任何思考只是一种简单的方法来注入一些正常处理的内联文本.

最佳解决方案看起来像

<div>
    all my regular content
</div>

<template [ngExternalTemplate]="./app/home/templates/my-template.html"></template>

并且在该模板中注入的所有html都可以访问,并且能够访问正常内联html所具有的范围和上下文中的所有内容.

关于如何解决这个问题的任何想法?我讨厌看到html变得庞大,但实际上它不应该分成多个组件,因为它们都管理相同的视图.

作为最后的手段,我想我可以用gulp取代一点动作,但这似乎超级hacky.


以上所述就是小编给大家介绍的《在Angular2中注入模板HTML部分》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

屏幕上的聪明决策

屏幕上的聪明决策

Shlomo Benartzi、Jonah Lehrer / 石磊 / 北京联合出版公司 / 2017-3 / 56.90

 为什么在手机上购物的人,常常高估商品的价值?  为什么利用网络订餐,人们更容易选择热量高的食物?  为什么网站上明明提供了所有选项,人们却还是选不到最佳的方案?  屏幕正在改变我们的思考方式,让我们变得更冲动,更容易根据直觉做出反应,进而做出错误的决策。在《屏幕上的聪明决策》一书中,什洛莫·贝纳茨教授通过引人入胜的实验及案例,揭示了究竟是什么影响了我们在屏幕上的决策。 ......一起来看看 《屏幕上的聪明决策》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

html转js在线工具
html转js在线工具

html转js在线工具