我是AngularJS的新手,我想知道如何在页面中以粗体显示正在搜索的语句。我正在使用filter方法来过滤表,但是我也想对过滤后的语句加粗。例如,如果我要搜索
test
我希望以下内容加粗:
this is a <b>test</b>
etc
这是我的控制器代码:
function PhoneListCtrl($scope, $http) {
$http.get('/text.json').success(function(data){
$scope.phones = data;
});
$scope.hello = "Hello, World";
$scope.orderProp = 'age';
$scope.query = "";
//$scope.query
$scope.smart_filter = function(item){
item = item.snippet;
var query_words = $scope.query.split(" ");
return query_words.every(function(word){return item.indexOf(word) != -1})
};
$scope.test = function(item){
return "<b>" + item + "</b>";
}
最佳答案
看一下Angular UI-Utils的Highlight模块。它确实可以满足您的需求。