這篇文章給大家介紹angularjs中怎么通過(guò)過(guò)濾器返回超鏈接,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對(duì)大家能有所幫助。
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供青川網(wǎng)站建設(shè)、青川做網(wǎng)站、青川網(wǎng)站設(shè)計(jì)、青川網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、青川企業(yè)網(wǎng)站模板建站服務(wù),十余年青川做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。在項(xiàng)目中有一個(gè)功能,需要把一段字符串拼接成一個(gè)超鏈接,效果如下圖,
從數(shù)據(jù)庫(kù)中得到的字符串格式如下
數(shù)據(jù)的格式很工整,以“#”和空格為標(biāo)志就可以很順利的分割,
開(kāi)始想象的很美好,以為直接返回就好了。
但是現(xiàn)實(shí)很殘酷,a標(biāo)簽并沒(méi)有變成超鏈接,而是變成了一個(gè)字符串
檢查發(fā)現(xiàn)并沒(méi)有被轉(zhuǎn)義,對(duì)這個(gè)感到不太理解
之后又在網(wǎng)上找了找,沒(méi)找到合適的辦法,后來(lái)詢問(wèn)學(xué)長(zhǎng),學(xué)長(zhǎng)高數(shù)我有一個(gè)ngBindHtml的標(biāo)簽,于是去看了看官方文檔,用法和效果如下
(第三個(gè)文件夾的作用沒(méi)嘗試出來(lái),不知道是干啥的)
好像效果很符合,但應(yīng)該怎么使用呢,filter里面是沒(méi)法用$scope的,(事后想到不一定要用filter,完全可以寫(xiě)一個(gè)方法直接把這個(gè)字符串轉(zhuǎn)化了,雖然這樣很麻煩,但確實(shí)是一個(gè)思路)
沒(méi)想到好辦法,只能繼續(xù)問(wèn)學(xué)長(zhǎng)了,沒(méi)想到方法簡(jiǎn)單到不行,angualrjs早就考慮到了,ngbindhtml可以直接使用過(guò)濾器
簡(jiǎn)簡(jiǎn)單單就解決了
關(guān)于angularjs中怎么通過(guò)過(guò)濾器返回超鏈接就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。