圖一:正常關(guān)鍵詞搜索步驟结借,無高亮顯示
圖二:調(diào)用圖三創(chuàng)建的私有方法searchList()际邻,這個方法封裝了高亮代碼邏輯
圖三:高亮顯示代碼
圖四:修改base.js代碼胯究,因?yàn)橹暗臏y試并沒有高亮效果蚊伞,只有字符串輸出沿癞,所以要用$sce服務(wù)的trustAsHtml方法來實(shí)現(xiàn)轉(zhuǎn)換
圖五:使用過濾器
ng-bind-html 指令用于顯示 html 內(nèi)容
豎線 |用于調(diào)用過濾器
圖六援雇、七:高亮顯示效果