如何使用 angularjs 以表格格式显示 parse.com 的查询结果
How to display the query results from parse.com in table format using angularjs
/*student.html*/
<!DOCTYPE html>
<html ng-app="">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"> </script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="http://www.parsecdn.com/js/parse-1.2.12.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src= "students.js"></script>
</head>
<body >
<div class="container" ng-controller="userController">
<h3>Students</h3>
<table class="table table-striped">
<thead><tr>
<th>Edit</th>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr></thead>
<tbody><tr ng-repeat="user in users">
<td>
<button class="btn" ng-click="editUser(user.id)">
<span class="glyphicon glyphicon-pencil"></span> Edit
</button>
</td>
<td>{{ user.firstname}}</td>
<td>{{ user.lastname }}</td>
<td>{{ user.age }}</td>
</tr></tbody>
</table>
<hr>
</div>
</body>
</html>
请帮助我,我是 angularjs 的新手,也是第一次使用解析。我在angularjs中使用ng-repeat显示查询结果(这是一个对象数组(时遇到了困难。遇到相同问题的任何人,请提供您的答案。
/*stduents.js*/
function userController($scope) {
var users=[];
Parse.initialize("parseid", "jskey");//parseid and jskey are given in my parse.com account
var student=Parse.Object.extend("student");//student is a class in parse.com
var query=new Parse.Query(student);
query.equalTo("userid",Parse.User.current());
query.find({
success:function(results) {
alert("success");
for(var i=0;i<results.length;i++)
{
var object= results[i];
users.push({'firstname':object.get('firstname') , 'lastname':object.get('lastname') ,'age':object.get('age')});
}
},
error:function(error) {
alert("error:"+ error.code +" "+error.message);
}
});
ng-repeat
的简单用法:
样本数组
var arr = [
{id: 1},
{id: 2},
{id: 3}
]
示例用法
<span ng-repeat="obj in arr">{{obj.id}}</span>
这会给你
123
小提琴
我建议阅读文档。
只需将学生中的第三行更正.js$scope.users=[];
相关文章:
- parse.com类中指针中的查询指针
- 从Parse.com返回的格式化日期
- 使用Parse.com查询制作新闻源
- 如何使用Parse.com JavaScript SDK上传图像
- 在underscore.js中显示列表中的所有项目(使用Parse.com)
- Parse.com在循环中保存对象,只保存最后一个对象
- 在 parse.com 中保存对象后计划后台作业
- 对 Parse.com 结果使用 ng 重复
- 将 Stripe.com 和 Parse.com 与 iOS 集成 - 无法向客户添加订阅
- Roles - Parse.com Javascript
- Parse.com 检索嵌套对象的值
- parse.com 如何将查询限制与每个查询一起使用
- 如何在Parse.com中设置路线?Parse.Runer的替代方案
- 如何使用 angularjs 以表格格式显示 parse.com 的查询结果
- 关于Parse.com客户端共享应用程序;api密钥
- 是否有使用Javascript的Parse.com下拉选项
- Parse.com OR query
- 如何在Parse.com SDK中循环创建多个对象
- 连接到解析到 herokuapp.com/parse 服务器
- Parse.com - Parse.Object.extend(...) attributes