鍍金池/ 問(wèn)答/HTML/ 我的已經(jīng)寫好的html靜態(tài)頁(yè),底部代碼都相同,怎么用angular2實(shí)現(xiàn)底部代碼

我的已經(jīng)寫好的html靜態(tài)頁(yè),底部代碼都相同,怎么用angular2實(shí)現(xiàn)底部代碼復(fù)用?

我的html頁(yè)面已經(jīng)完成了,現(xiàn)在想把底部代碼復(fù)用,把底部代碼抽取出來(lái),作為一個(gè)單獨(dú)的html文件footer.html,在別的頁(yè)面中引用footer.html。用ng-include、iframe、jquery的load()、js、ssi的include都可以實(shí)現(xiàn),但是領(lǐng)導(dǎo)不讓這么做,想讓用angular的組件技術(shù)實(shí)現(xiàn)。
這是純的html頁(yè)面

clipboard.png

這是底部代碼

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

我angular剛學(xué),不知道怎么實(shí)現(xiàn)。問(wèn)別人說(shuō)是把底部文件做成共享模板就行了,但是之前沒(méi)接觸過(guò),不知道怎么入手。

領(lǐng)導(dǎo)的意思是像angular一樣,在頁(yè)面中用標(biāo)簽的方式引入footer.html。

另外,我想問(wèn)一下,我已經(jīng)做好的html頁(yè)面,如果要實(shí)現(xiàn)ng的組件化,是不是要用ng重新寫?。?/p>

回答
編輯回答
呆萌傻

看題主的描述,估計(jì)對(duì)angular都沒(méi)有一個(gè)基本的了解,我建議先把a(bǔ)ngular的基礎(chǔ)知識(shí)過(guò)一下,至于你的問(wèn)題是很容易解決的,angular是組件化的,就比如你的footer模板已經(jīng)寫好了,你想到處復(fù)用它,那你可以新建一個(gè)footer組件,然后把你寫好的模板內(nèi)容拷到tooter組件的模板上去,在根模塊注冊(cè)好這個(gè)組件,然后在其它的頁(yè)面上都可以引用這個(gè)組件了

2017年2月26日 08:26