Question

我是AngularJS的新手，我想知道如何在页面中搜索我正在搜索的语句。我正在使用过滤器方法来过滤表格，但我也想加粗过滤后的语句。例如，如果我正在搜索

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

Answer 1

查看Angular UI-Utils的精彩集锦模块。它正是你想要的。

Answer 2

如果我理解正确，你想要＆＃34;不安全的绑定＆＃34;你的文字：

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

搜索框中的AngularJS粗体语句

2 个答案: