在angular js中过滤json或服务器中的数据
Filter the Data from json or Server in angular js
我有json数据,其中包含以下信息
[
{
"city":"Bangalore",
"dob":"04-Oct-2014",
"age":24,
"maritalStatus":"Single"
},
{
"city":"Bangalore",
"dob":"04-Oct-2014",
"age":24,
"maritalStatus":"Single"
},
{
"city":"Chennai",
"dob":"04-Oct-2014",
"age":24,
"maritalStatus":"Single"
}
]
该数据以列表格式显示
<ul class="userInfo">
<div ng-repeat="user in users " >
<li class="btn-default">
<div class="userDetails">
<div class="userPosition">{{user.city}}</div>
</div>
</li>
</div>
</ul>
在HTTP请求期间
userDirectory.controller("userListControl", function($scope,$rootScope, $http)
{
$http.get('data/userData.json').success (function(data){
$scope.users = data;
var usersDb = TAFFY();
usersDb.insert(data);
});
});
这里,数据来自userData.json文件。
我的问题是,
加载页面之前。我会宣布城市="班加罗尔"。
所以基于城市。我必须显示基于城市的数据。我想避免json中除了city:bangalore之外的其他数据。
如何筛选特定的城市数据。我不想使用过滤功能。我必须在这个阶段过滤
$scope.users=数据;因为我在这里使用JS Db。然后只有我可以在这里存储这些数据,并在未来的中进行处理
我不确定你的确切场景,但你可以很好地完成
$http.get('data/userData.json').success (function(data){
var city='bangalore'; //can be set anywhere
$scope.users = data.filter(function(item){return item.city===city;});
var usersDb = TAFFY();
usersDb.insert($scope.users);
});
Array.filter适用于所有现代浏览器(即9及以上)
否则,实现一个Angular过滤器,并将其用作使用$filter
服务的控制器:
是的,您可以将o$filter注入您的控制器中,如下所示:
userDirectory.controller("userListControl", function($scope,$rootScope, $http, $filter)
{
$http.get('data/userData.json').success (function(data){
var cityFilter = {city: 'Bangalore'};
$scope.users = $filter('filter')(data, cityFilter); //Then here is your result.
var usersDb = TAFFY();
usersDb.insert(data);
});
});
这是angularjs中的$filter文档。
相关文章:
- Jquery append()概要文件(使用$.getJSON的服务器数据)
- 在网页上显示实时服务器数据
- 如何将Node.js服务器数据发送到Javascript客户端
- 主干.js当服务器数据为空时 model.fetch
- 节点.js游戏开发,客户端-服务器数据交换逻辑
- 如何访问单独js文件中的服务器数据
- 如何通过javascript函数在jade模板中使用服务器数据
- 主干模型未使用服务器数据更新
- Durandal/Knockout-在绑定之前从服务器数据创建viewModel
- 掩码客户端到服务器数据hybi 17
- 客户端是否有办法在套接字断开连接时发送服务器数据?
- 在我的ember应用程序中获取本地json服务器数据
- AngularJS:在页面加载时用服务器数据改变输入值
- 包含服务器数据的Ng表
- Knockout JS使用javascript类型从服务器数据初始化可观察数组
- 来自服务器数据的动态路由
- 如何在网站上实时加载服务器数据
- 将服务器数据传递给 RequireJS 模块的首选方法是什么?
- Nodejs将服务器数据传递给套接字
- 如何将html视图数据或(Python)服务器数据传输到Angular或Javascript