javascript - 过滤搜索 AngularJS

标签 javascript angularjs angularjs-ng-repeat angular-filters

我想过滤搜索我的目录 json,但我的代码不起作用,这里是代码:

    <input type="text" style="width:275px;margin-top:5px;" class="form-control form-control-sm form-control-rounded" placeholder="Search..." ng-model="search">

  <br />
  <br />
  <div class="panel-body">
            <div class="cui-ecommerce--catalog">
                <div class="row">
                    <div ng-repeat="(name, text) in textures | filter:search">
                        <div ng-repeat="url in text">
                            <div>
                              {{url.url}}
                                <a href="javascript: void(0);" style="cursor:default;">
                                    <img ng-src="{{url.url }}" />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

还有我的笨蛋:https://plnkr.co/edit/30nyExfhnLWy35p906CJ?p=preview

提前感谢您的回答!!!

最佳答案

试试这个替代方法:

  <div class="panel-body">
        <div class="cui-ecommerce--catalog">
            <div class="row">
                <div ng-repeat="(name, text) in textures">
                    <div ng-if="url.url.indexOf(search||'')>-1" ng-repeat="url in text" >
                        <div>
                          {{url.url}}
                            <a href="javascript: void(0);" style="cursor:default;">
                                <img ng-src="{{url.url }}" />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

演示:https://plnkr.co/edit/hxfgKziEAXHJeGjcmg9z?p=preview

关于javascript - 过滤搜索 AngularJS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50521978/

相关文章:

javascript - 如何将 html 标签从 div 附加到另一个 div?

javascript - 为什么 Closure Compiler 会破坏这个 AngularJS 脚本?

php - 在angular js中获取php的数组数据并且无法更新php中的数据

javascript - AngularJS 嵌套 ng-repeat 单击并显示/隐藏

angularjs - 数组更改时 ng-repeat 不会更新

javascript - 如何使用 easeljs-0.8.0.js 画线?(createJs)

javascript - 悬停从 jquery 到 Backbone 代码

php - 如何通过 php 或 javascript 从 facebook 身份验证示例获取用户电子邮件

javascript - 嵌套的 ng-repeat angularjs

javascript - Angular JS 添加新行默认处于可编辑模式