bugfix> javascript > 投稿

カタログ 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

事前に回答いただきありがとうございます!!!

回答 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

あなたの答え