代码之家 › 专栏 › 技术社区 › user1030181

如何从标题搜索框全局搜索索引1、索引2和索引3页?

angularjs html

user1030181 · 技术社区 · 7 年前

我在标题中有一个全局搜索框 header.html

标题.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>

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


    }

索引1.html

索引3.html

这是索引3页。索引3太可爱了

我用angularjs开发这个,所以当我搜索 beautiful 关键字,它应该显示我一个弹出窗口(不提醒),美丽的字是在索引1页。如果我搜索单词 wonderful

我试着看这个样本,但我得到了一个错误

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="">"

1 回复 | 直到 7 年前

Sean 7 年前

$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>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前