我的已经写好的html静态页,底部代码都相同,怎么用angular2实现底部代码复用?
我的html页面已经完成了,现在想把底部代码复用,把底部代码抽取出来,作为一个单独的html文件footer.html,在别的页面中引用footer.html。用ng-include、iframe、jquery的load()、js、ssi的include都可以实现,但是领导不让这么做,想让用angular的组件技术实现。
这是纯的html页面
这是底部代码
都是一些固定的链接。
我angular刚学,不知道怎么实现。问别人说是把底部文件做成共享模板就行了,但是之前没接触过,不知道怎么入手。
领导的意思是像angular一样,在页面中用标签的方式引入footer.html。
另外,我想问一下,我已经做好的html页面,如果要实现ng的组件化,是不是要用ng重新写啊?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
看题主的描述,估计对angular都没有一个基本的了解,我建议先把angular的基础知识过一下,至于你的问题是很容易解决的,angular是组件化的,就比如你的footer模板已经写好了,你想到处复用它,那你可以新建一个footer组件,然后把你写好的模板内容拷到tooter组件的模板上去,在根模块注册好这个组件,然后在其它的页面上都可以引用这个组件了