11 高亮顯示

這個專案中怎麼實現的高亮顯示？

首先要理解高亮顯示，如下圖所示：

在京東的搜尋框中搜尋「小公尺6x」這幾個字，然後根據索引它就會查詢到產品資訊，並顯示到頁面上，顯示頁面時，凡是關於小公尺兩字，以及「6」或者「x」或者「6x」等字樣，都會突出顯示紅色加粗字樣。

第二個知識點：

就是我們測試後發現高亮顯示的html**原樣輸出，這是angularjs為了防止html攻擊採取的安全機制。我們如何在頁面上顯示html的結果呢？我們會用到$sce服務的trustashtml方法來實現轉換。

因為這個功能具有一定通用性，我們可以通過angularjs的過濾器來簡化開發，這樣只寫一次，呼叫的時候就非常方便了，看**：

（1）修改base.js

// 定義模組:

/*$sce服務寫成過濾器*/

returnfunction(data)

}]);