如何使用angularjs以表格格式顯示來自parse.com的查詢結果

-2

 /*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>&nbsp;&nbsp;Edit 
    </button> 
</td> 
<td>{{ user.firstname}}</td> 
<td>{{ user.lastname }}</td> 
<td>{{ user.age }}</td> 
    </tr></tbody> 
</table> 

<hr> 
</div> 
</body> 
    </html>

請幫助我我是angularjs的新手，也是第一次使用parse。我被困在顯示查詢結果（這是一個數組使用angularjs..anyone NG重複誰曾碰到過同樣的問題的對象），請貢獻你的答案..如何使用angularjs以表格格式顯示來自parse.com的查詢結果

/*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); 
} 
});

來源

2015-03-03 Sharathreddy

請添加足夠的代碼和標記片段來演示您嘗試失敗的方法。 – mccainz 2015-03-03 13:37:56

hi @mccainz我已添加代碼片段。請檢查一下。 – Sharathreddy 2015-03-04 01:40:30

http://plnkr.co/edit/sogtgtDrz21pd9p2yXhj?p=preview – Sharathreddy 2015-03-04 12:42:57

的ng-repeat簡單的用法：

樣品陣列

var arr = [ 
    {id: 1}, 
    {id: 2}, 
    {id: 3} 
]

使用範例

<span ng-repeat="obj in arr">{{obj.id}}</span>

這會給你

Fiddle

我建議您閱讀Docs。

來源

2015-03-03 13:51:55 DonJuwe

是的，我知道上面的一個，但parse.com返回的數組查詢結果是不同的（它返回對象數組「不是一個簡單的數組，你有采取「）.. – Sharathreddy 2015-03-03 17:38:15

我的問題是如何將」用戶「數組（在我的代碼中）變成簡單數組」arr「（在你的代碼中）的格式？ – Sharathreddy 2015-03-04 02:13:59

給我們一個* JSON * – DonJuwe 2015-03-04 08:49:18

-1

只是將students.js中的第三行更正爲$ scope.users = [];

來源

2015-03-04 08:25:49 CypherPheonix

這並不是提供了一個問題的答案。要批評或要求作者澄清，在他們的帖子下留下評論 - 你總是可以評論你自己的帖子，一旦你有足夠的[聲譽]（http://stackoverflow.com/help/whats-reputation），你會能夠[評論任何帖子]（http://stackoverflow.com/help/privileges/comment）。 – callmekatootie 2015-03-04 09:24:44

嗨@callmekatootie，其實作者是我的朋友，我看到他的代碼，我發現錯誤，根據他的代碼，上面指定的答案使他的代碼工作 – CypherPheonix 2015-07-15 20:44:17

如何使用angularjs以表格格式顯示來自parse.com的查詢結果

回答

相關問題