Вопросы Теги

Как выделить текст поиска в AngularJs 1.4.8 с помощью списка многомерных массивов?

Установите packageName. 

intent.setPackage(this.getPackageName());
0
задан halfer 4 March 2019 в 18:00
поделиться

1 ответ

Вместо использования массива в «ng-bind-html = 'x.title.name'», я использовал директиву ng-init, чтобы создать переменную и присвоить ей атрибут массива. Ниже показано, как я смог сделать это для одного элемента массива: аналогично, я проделал то же самое с другими элементами массива отдельно.

Примерно так: HTML-представление:

<p ng-class="(x.title.bckColour=='electrical') ? 'electrical center-block' : 'data center-block'" ng-init="text= x.title.name" ng-bind-html=" text | highlight:search" >{{x.title.name}}</p>

И я написал JS-код, который заменяет поисковый термин тегом span, чтобы добавить цвет фона для выделения поиск текста. Как мы видим в файле JS. 

app.filter('highlight', function($sce) {
    return function(text, phrase) {
      if (phrase) text = text.replace(new RegExp('('+phrase+')', 'gi'),
        '<span class="highlighted">$1</span>')

      return $sce.trustAsHtml(text)
    }
  });
<div class="row">
            <div class="container">
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12" ng-repeat="x in myData | filter: search " >
                    <div id="jumbo" class="jumbotron text-center rounded-0">
                        
                            <!--<p ng-class="(x.title.bckColour=== currentColor ? 'electrical' : 'data') + ' ' + (true ? 'electrical' : 'data')">{{x.title.name}}</p>-->
                            <a ng-href="/{{x.imgurl}}"><img class="img-responsive center-block" ng-src="{{x.img}}" /></a>
                            <p ng-class="(x.title.bckColour=='electrical') ? 'electrical center-block' : 'data center-block'" ng-init="text= x.title.name" ng-bind-html=" text | highlight:search" >{{x.title.name}}</p>
            
                    </div>
                </div>
            </div>
        </div>

0
ответ дан Syed Quaderi 4 March 2019 в 18:00
поделиться
Другие вопросы по тегам:

Похожие вопросы: