Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/20.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 - Fatal编程技术网

如何使用AngularJS初步筛选客户端上的数据?

如何使用AngularJS初步筛选客户端上的数据?,angularjs,Angularjs,我是Angular的新手,最近刚刚学习了一门在MVC站点中使用Angular的课程。我现在正在尝试在培训中展示的内容,并尝试在我所做的一个小站点中实现它。我有一个培训没有解决的需求,我不确定如何将其包含在我的代码中 这是一个小公司在客户留言时跟踪客户电话的网站。记录可以处于多种状态之一,如打开、关闭、进行中、需要回拨等 当页面启动时,我调用一个返回所有记录的web服务。然而,我希望它最初通过“OPEN”进行过滤,并显示它,直到从dropdownlist中选择另一个过滤器。因此,默认状态为“1”或

我是Angular的新手,最近刚刚学习了一门在MVC站点中使用Angular的课程。我现在正在尝试在培训中展示的内容,并尝试在我所做的一个小站点中实现它。我有一个培训没有解决的需求,我不确定如何将其包含在我的代码中

这是一个小公司在客户留言时跟踪客户电话的网站。记录可以处于多种状态之一,如打开、关闭、进行中、需要回拨等

当页面启动时,我调用一个返回所有记录的web服务。然而,我希望它最初通过“OPEN”进行过滤,并显示它,直到从dropdownlist中选择另一个过滤器。因此,默认状态为“1”或“打开”

一旦页面加载,什么是过滤记录的好方法?我假设我需要像vm.FilterId这样的属性 我最初会设置为“1”,然后dropdownlist会更改该值吗

我将如何过滤客户端上的数据

这是我在angualr文件“call.controller.js”中的API调用

这是我的ng重复,我把我的标签放在桌子标签里。我想这可能是我尝试进行某种过滤的地方

<tr ng-repeat="call in vm.calls">

更新

据我所知,我应该能够做一些像这样的事情来初步过滤?这是一无所获。状态字段是一个整数

<tr ng-repeat="call in vm.calls | filter:{ status: 1}">

我可以看到这些值来自API。

您可以使用管道过滤ng repeat指令

备选案文1:

 <div ng-repeat="call in vm.calls | filter:{ open: value}">

备选案文2:

Value source: <input type="text" ng-model="search.open">
<div ng-repeat="product in products | filter:open"> 
值源:

例如,您可以查看文档:谢谢,我也会看一下。谢谢,我认为它会是类似的东西,但不确定如何实现它。我来看看你们的选项1,我假设“open”是我在角度文件中设置的属性?然后,我会将其默认为“1”,并将我的dropdownlist也绑定到该属性?open,是您从该服务获得的对象的属性。过滤器将对对象的开放字段和您输入的值进行比较。这个值可以是一个模型属性,可以像你说的那样通过dropdownlist进行更改。根据你的建议和我到目前为止的研究,我提出了这个,但它没有显示任何东西。你看到什么会阻止它工作吗?语法是正确的,字段选择器区分大小写,在屏幕截图中状态有大写字母。试用它筛选:{Status:1}“>谢谢。我本应该抓住“Status”的拼写。至少我现在返回数据并在页面上显示,但它没有使用我的筛选代码进行筛选。看起来语法应该正确,但仍在显示所有记录。我将继续尝试一些不同的操作。这就是我现在拥有的:。
Value source: <input type="text" ng-model="search.open">
<div ng-repeat="product in products | filter:open">