Как выполнить поиск страниц Index 1, Index 2 и Index 3 по всему миру из заголовка окна поиска?

Question

У меня есть глобальное поле поиска в заголовке, которое header.html page

header.html

 <div class="col-md-4" style="float:right; margin-right:0px;">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Search" id="txtSearch" />
                        <div class="input-group-btn">
                            <button class="btn btn-primary" type="submit">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </div>
                    </div>
                </div>

У меня есть headerController.js

  function headerController($scope, $http, $rootScope) {
        var vm = this;


    }

Index1.html

Это страница индекса 1.Индекс 1 так прекрасен

Index2.html

Это страница индекса 2.Индекс 2 так прекрасен

Индекс 3.html

Это страница индекса 3.Индекс 3 такой симпатичный

Я разрабатываю это с помощью angularjs, поэтому, когда я ищу ключевое слово beautiful, оно должно показывать всплывающее окно (без предупреждения), что красивое слово находится на странице Индекса 1.Если я ищу слово wonderful, оно должно появиться во всплывающем окне (без предупреждения), что замечательно на странице индекса 2.Я пробовал другие типы статического поиска, который указывает на список элементов ng-repeat для фильтрации и поиска.Но как я могу добиться этого

Я пытался посмотреть на этот образец, но я получаю ошибку

http://plnkr.co/edit/FMRTTbxdNv0pGSYpfwve?p=preview

Ошибка

Error: [$injector:unpr] http://errors.angularjs.org/1.7.2/$injector/unpr?p0=%24routeParamsProvider%20%3C-%20%24routeParams%20%3C-%20searchResultsController
    at angular.js:99
    at angular.js:4891
    at Object.d [as get] (angular.js:5051)
    at angular.js:4896
    at d (angular.js:5051)
    at e (angular.js:5076)
    at Object.instantiate (angular.js:5120)
    at angular.js:11175
    at Object.<anonymous> (angular-ui-router.min.js:7)
    at angular.js:1364 "<div class="well ng-scope" ui-view="">"

Answer 1

Примерно так в вашем контроллере SearchResults (не проверено):

$scope.results = [];

$http.get(url1).then(function(result){if(result.data.contains($scope.query)) $scope.results.push("url1")});

$http.get(url2).then(function(result){if(result.data.contains($scope.query)) $scope.results.push("url2")});

$http.get(url3).then(function(result){if(result.data.contains($scope.query)) $scope.results.push("url3")});

Затем на html-странице:

<div ng-repeat="result in results">Found in: {{result}}</div>