我是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模块。它确实可以满足您的需求。

09-11 07:56
查看更多