Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度过滤器搜索意外结果_Angularjs_Search - Fatal编程技术网

Angularjs 角度过滤器搜索意外结果

Angularjs 角度过滤器搜索意外结果,angularjs,search,Angularjs,Search,嗨,我是这个框架的新手,必须对当前的wepapp进行一些更改。 有这样的双向绑定: <input type="text" class="catalog-search input input--large input--full" ng-model="search.rodzina" placeholder="Szukaj..."> JS-没有专门的搜索方法,只是简单的双向绑定 我只想通过“rodzina”属性进行搜索,所以我设置了ng model=“search.rodzina”。

嗨,我是这个框架的新手,必须对当前的wepapp进行一些更改。 有这样的双向绑定:

<input type="text" class="catalog-search input input--large input--full" ng-model="search.rodzina" placeholder="Szukaj...">
JS-没有专门的搜索方法,只是简单的双向绑定

我只想通过“rodzina”属性进行搜索,所以我设置了ng model=“search.rodzina”。 不幸的是,搜索结果还包括带有名称的空父名称,这对最终用户非常不方便

如何改进过滤以仅匹配我要查找的单词? 以下是该应用程序的链接:

您还应该发布一些角度代码,以便用户可以看到其他情况。可能一些示例数据也会有帮助。我对上面的帖子做了一些更改。如果我理解正确,您希望在外部ng重复中排除没有子元素“dziecko”的“rodzics”,这些子元素由内部ng重复显示,对吗?如果是这样,请编写一个过滤器,并将其应用于第一次ng重复。我希望在结果中只看到与我键入的单词匹配的项目,例如“zwisy”。检查我放在上面的链接。正如我所说的:你需要为外部ng重复编写一个过滤器。如果筛选的子级至少有一个元素,则筛选器需要返回true,否则返回false。应该不难。试试看。
<ul class="catalog-list catalog-scroll">
  <li ng-repeat="rodzic in list | groupBy:'styl' | toArray:true | orderBy:!'$key'">
    <strong>{{rodzic.$key}}</strong>
      <ul class="">
        <li ng-repeat="dziecko in rodzic | filter:search | bookmark:search" ng-class="{active:isActiveTab(dziecko)}" ng-click="openItem(dziecko)">
         {{dziecko.rodzina}}&nbsp;
          <b>{{dziecko.page}}</b>
            </li>
     </ul>
    </li>
</ul>
{"id":1252,"nazwa":"Otwarcie","foto":"katalog_2015\/000.jpg","visible":0,"cat_id":7,"strona":1,"styl":"Wst\u0119p","rodzina":"Otwarcie","kod":"Ok\u0142adka","bookmark":true,"title":"Wst\u0119p Otwarcie","page":1,"image":"\/gazetka\/katalog_2015\/000.jpg","width":1412,"height":1998,"tags":"Wst\u0119p Otwarcie Ok\u0142adka Otwarcie"}