angularjs通過(guò)過(guò)濾器返回超鏈接的方法
在項(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)單單就解決了
總結(jié)
對(duì)于這個(gè)問(wèn)題，事后想了想，發(fā)現(xiàn)還是自己考慮問(wèn)題不全面，在學(xué)長(zhǎng)告訴自己ngbindhtml后，一直糾結(jié)于他的用法，而沒(méi)有想到去研究研究過(guò)濾器可以用于那些地方，是否可以在屬性中。雖然已經(jīng)漸漸嘗試去看官方文檔了，但離真正會(huì)看官方文檔的道路還很長(zhǎng)。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
詳解AngularJS用Interceptors來(lái)統(tǒng)一處理HTTP請(qǐng)求和響應(yīng)
本篇文章主要介紹了AngularJS用Interceptors來(lái)統(tǒng)一處理HTTP請(qǐng)求和響應(yīng) ，具有一定的參考價(jià)值，有興趣的可以了解一下2017-06-06
AngularJS通過(guò)$location獲取及改變當(dāng)前頁(yè)面的URL
本篇將介紹AngularJS中的$location服務(wù)的基本用法,$location服務(wù)的主要作用是用于獲取當(dāng)前url以及改變當(dāng)前的url,并且存入歷史記錄。本文通過(guò)示例代碼介紹的很詳細(xì)，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-09-09
淺談Angular HttpClient簡(jiǎn)單入門
本篇文章主要介紹了淺談Angular HttpClient 簡(jiǎn)單入門，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
AngularJs的$http發(fā)送POST請(qǐng)求,php無(wú)法接收Post的數(shù)據(jù)問(wèn)題及解決方案
這篇文章主要介紹了AngularJs的$http發(fā)送POST請(qǐng)求,php無(wú)法接收Post的數(shù)據(jù)的問(wèn)題及解決方案,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-08-08
詳解Angularjs 如何自定義Img的ng-load 事件
本篇文章主要介紹了詳解Angularjs 如何自定義Img的ng-load 事件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
利用Angularjs中模塊ui-route管理狀態(tài)的方法
這篇文章主要給大家介紹了如何用Angularjs中的模板ui-route來(lái)管理狀態(tài)的方法,文中通過(guò)示例代碼介紹的很詳細(xì)，相信對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值，有需要的朋友可以一起來(lái)學(xué)習(xí)學(xué)習(xí)。2016-12-12
這篇文章主要介紹了詳解Angular操作cookies方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
這篇文章主要介紹了在angular 6中使用 less 的實(shí)例代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-05-05
Angular動(dòng)態(tài)添加、刪除輸入框并計(jì)算值實(shí)例代碼
這篇文章主要介紹了Angular動(dòng)態(tài)添加、刪除輸入框并計(jì)算值實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03
使用Angular CLI進(jìn)行Build(構(gòu)建)和Serve詳解
這篇文章主要介紹了使用Angular CLI進(jìn)行Build(構(gòu)建)和Serve詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03