我的已经写好的html静态页,底部代码都相同,怎么用angular2实现底部代码复用?

发布于 2022-09-06 03:17:31 字数 673 浏览 13 评论 0

我的html页面已经完成了,现在想把底部代码复用,把底部代码抽取出来,作为一个单独的html文件footer.html,在别的页面中引用footer.html。用ng-include、iframe、jquery的load()、js、ssi的include都可以实现,但是领导不让这么做,想让用angular的组件技术实现。
这是纯的html页面

clipboard.png

这是底部代码

clipboard.png
都是一些固定的链接。

我angular刚学,不知道怎么实现。问别人说是把底部文件做成共享模板就行了,但是之前没接触过,不知道怎么入手。

领导的意思是像angular一样,在页面中用标签的方式引入footer.html。

另外,我想问一下,我已经做好的html页面,如果要实现ng的组件化,是不是要用ng重新写啊?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

晚风撩人 2022-09-13 03:17:31

看题主的描述,估计对angular都没有一个基本的了解,我建议先把angular的基础知识过一下,至于你的问题是很容易解决的,angular是组件化的,就比如你的footer模板已经写好了,你想到处复用它,那你可以新建一个footer组件,然后把你写好的模板内容拷到tooter组件的模板上去,在根模块注册好这个组件,然后在其它的页面上都可以引用这个组件了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文