gpt4 book ai didi

javascript - 设置 Angular 过滤器

转载 作者:行者123 更新时间:2023-11-28 08:54:30 25 4
gpt4 key购买 nike

请帮助设置过滤器 http://jsfiddle.net/3pKXc/

对象“新闻”具有属性“标题”和“预告片”。 #filter 过滤器适用于两者。

我需要过滤器仅适用于“标题”

ps例如,进行过滤短语“qwerty”。显示列表中剩余属性 id = 3。其中“teaser”中包含“qwerty”

代码:

<input class="filter" id="filter" type="text" name="filter" ng-model="searchText" />

<ul>
<li ng-repeat="item in newsVisible | filter:searchText">

<span class="date">{{item.date}}</span>

<span class="title">{{item.title}} - {{$index}}</span>
</li>
</ul>

最佳答案

将模板更改为

<li ng-repeat="item in newsVisible | filter: {'title': searchText} ">

并且您还需要将 searchText 初始化为空,以便在查询为空时显示所有内容。

$scope.searchText = "";

关于javascript - 设置 Angular 过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18692106/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com