过滤搜索 AngularJS答案

【问题标题】：Filter Search AngularJS过滤搜索 AngularJS
【发布时间】：2018-05-25 13:54:01
【问题描述】：

我想过滤搜索我的目录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

提前感谢您的回答！！！

【问题讨论】：

您的 plunkr 不工作。
@SudhirOjha 这里：plnkr.co/edit/M4pB48WNej1hh13l0ILT?p=preview 正在工作，我在 ng-repeat 之后删除了“filter:search”，因为这会产生错误，这是我的问题，如何解决这个问题。

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

【解决方案1】：

试试这个替代方法：

  <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

【讨论】：