angularjs通過過濾器返回超鏈接的方法
在項目中有一個功能，需要把一段字符串拼接成一個超鏈接，效果如下圖，
從數(shù)據(jù)庫中得到的字符串格式如下
數(shù)據(jù)的格式很工整，以“#”和空格為標(biāo)志就可以很順利的分割，
開始想象的很美好，以為直接返回就好了。
但是現(xiàn)實很殘酷，a標(biāo)簽并沒有變成超鏈接，而是變成了一個字符串
檢查發(fā)現(xiàn)并沒有被轉(zhuǎn)義，對這個感到不太理解
之后又在網(wǎng)上找了找，沒找到合適的辦法，后來詢問學(xué)長，學(xué)長高數(shù)我有一個ngBindHtml的標(biāo)簽，于是去看了看官方文檔,用法和效果如下
（第三個文件夾的作用沒嘗試出來，不知道是干啥的）
好像效果很符合，但應(yīng)該怎么使用呢，filter里面是沒法用$scope的，（事后想到不一定要用filter，完全可以寫一個方法直接把這個字符串轉(zhuǎn)化了，雖然這樣很麻煩，但確實是一個思路）
沒想到好辦法，只能繼續(xù)問學(xué)長了，沒想到方法簡單到不行，angualrjs早就考慮到了，ngbindhtml可以直接使用過濾器
簡簡單單就解決了
總結(jié)
對于這個問題，事后想了想，發(fā)現(xiàn)還是自己考慮問題不全面，在學(xué)長告訴自己ngbindhtml后，一直糾結(jié)于他的用法，而沒有想到去研究研究過濾器可以用于那些地方，是否可以在屬性中。雖然已經(jīng)漸漸嘗試去看官方文檔了，但離真正會看官方文檔的道路還很長。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
詳解AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng)
本篇文章主要介紹了AngularJS用Interceptors來統(tǒng)一處理HTTP請求和響應(yīng) ，具有一定的參考價值，有興趣的可以了解一下2017-06-06
AngularJS通過$location獲取及改變當(dāng)前頁面的URL
本篇將介紹AngularJS中的$location服務(wù)的基本用法,$location服務(wù)的主要作用是用于獲取當(dāng)前url以及改變當(dāng)前的url,并且存入歷史記錄。本文通過示例代碼介紹的很詳細(xì)，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-09-09
本篇文章主要介紹了淺談Angular HttpClient 簡單入門，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
AngularJs的$http發(fā)送POST請求,php無法接收Post的數(shù)據(jù)問題及解決方案
這篇文章主要介紹了AngularJs的$http發(fā)送POST請求,php無法接收Post的數(shù)據(jù)的問題及解決方案,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-08
詳解Angularjs 如何自定義Img的ng-load 事件
本篇文章主要介紹了詳解Angularjs 如何自定義Img的ng-load 事件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
利用Angularjs中模塊ui-route管理狀態(tài)的方法
這篇文章主要給大家介紹了如何用Angularjs中的模板ui-route來管理狀態(tài)的方法,文中通過示例代碼介紹的很詳細(xì)，相信對大家的理解和學(xué)習(xí)具有一定的參考借鑒價值，有需要的朋友可以一起來學(xué)習(xí)學(xué)習(xí)。2016-12-12
這篇文章主要介紹了詳解Angular操作cookies方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了在angular 6中使用 less 的實例代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-05-05
Angular動態(tài)添加、刪除輸入框并計算值實例代碼
這篇文章主要介紹了Angular動態(tài)添加、刪除輸入框并計算值實例代碼的相關(guān)資料,需要的朋友可以參考下2017-03-03
使用Angular CLI進(jìn)行Build(構(gòu)建)和Serve詳解
這篇文章主要介紹了使用Angular CLI進(jìn)行Build(構(gòu)建)和Serve詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03