首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS筛选器无法筛选

AngularJS筛选器无法筛选
EN

Stack Overflow用户
提问于 2014-11-18 18:44:42
回答 1查看 40关注 0票数 0

我正在尝试探索AngularJS过滤器,但我尝试的代码不起作用。

相同的JSFiddle是:http://jsfiddle.net/sajesh1985/5bp5v1z0/1/

代码语言:javascript
运行
复制
<td><input type="text" ng-model="search.Name"/></td>
<tbody ng-repeat="item in items ">
    <tr ng-repeat="temp in item | filter:search">                        
        <td>{{temp[0].Name}}</td>
        <td>{{temp[0].Price}}</td>
        <td>{{temp[0].Quantity}}</td>
    </tr>
</tbody>
EN

回答 1

Stack Overflow用户

发布于 2014-11-18 19:06:12

我认为你的items对象构造得不是很好,我认为它应该像这样

代码语言:javascript
运行
复制
$scope.items = [
            {
                Name: "Account Opening R75",
                Price: "R75",
                Quantity: "A_O-AngularJS"      
            }
            ,
            {
                Name: "AVClientService",
                Price: "R74",
                Quantity: "AVClientService-DotNet"     
            }
        ];

另外,我修改了你的代码片段,如下所示:

代码语言:javascript
运行
复制
<tr ng-repeat="item in items | filter:search">                        
                        <td>{{item.Name}}</td>
                        <td>{{item.Price}}</td>
                        <td>{{item.Quantity}}</td>
                    </tr>

有关完整的示例,请查看此jsfiddle http://jsfiddle.net/5bp5v1z0/3/

希望它能帮上忙!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26992337

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档