Javascript 搜索框中的AngularJS粗体语句

我是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>";
  }

函数PhoneListCtrl（$scope，$http）{
$http.get（'/text.json'）.success（函数（数据）{
$scope.phones=数据；
});
$scope.hello=“你好，世界”；
$scope.orderProp='age'；
$scope.query=“”；
//$scope.query
$scope.smart_filter=功能（项目）{
item=item.snippet；
var query_words=$scope.query.split（“”）；
return query_words.every（函数（word）{return item.indexOf（word）！=-1}）
};
$scope.test=功能（项目）{
返回“+项目+”；
}

查看的突出显示模块。它正是您想要的。

如果我理解正确，您希望“不安全绑定”您的文本：

<span ng-html-bind-unsafe="textWithMarkup"></span>