【前端问题精选】我的已经写好的html静态页,底部代码都相同,怎么用angular2实现底部代码复用?

我的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重新写啊?

回答:

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

以上是 【前端问题精选】我的已经写好的html静态页,底部代码都相同,怎么用angular2实现底部代码复用? 的全部内容, 来源链接: utcz.com/a/132404.html

回到顶部