ajaxを持つAngular Jsを使用していますが、ng-repeatはjson配列から出力できません。アラートが[オブジェクトオブジェクト]を取得していますが、$scope.names= response[0].id;
を使用して、警告で「1」IDを取得しています。私はテーブルのすべてのデータを取得する必要があります。テーブル内のすべてのデータを取得する方法はありますか?モバイルブラウザでは動作しませんが、デスクトップで動作するためコントローラで$http
を使用していません。理由はわかりません。代わりAJAのAngular Js ng-repeatはjson配列からajaxを使用して出力できません
JS
var app = angular.module('studentApp',[]);
app.controller('StudentCntrl', function($scope){
$.ajax({
url : '/fetchAllData',
type : 'GET',
success : function(response){
$scope.names=response;
//alert($scope.names);(This is working)
}
});
});
JSP
<div ng-app="studentApp" ng-controller="StudentCntrl">
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>ID</th>
<th>NAME</th>
<th>EMAIL</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in names">
<td>{{x.id}}</td>
<td>{{x.name}}</td>
<td>{{x.email}}</td>
</tr>
</tbody>
</table>
</div>
JSON
[{"id":"1","name":"abdul","email":"[email protected]"},{"id":"2","name":"pratyush","email":"[email protected]"},{"id":"3","name":"ankit","email":"[email protected]"},{"id":"45","name":"kjhj","email":"kjhkj"},{"id":null,"name":null,"email":null},{"id":null,"name":null,"email":null},{"id":null,"name":null,"email":null},{"id":"trffs","name":null,"email":null},{"id":"afa","name":"sdgfdsg","email":"dsagdsg"},{"id":"12","name":"pppp","email":"hjk,gh"}]
「$ http」を挿入しないでください。 – scniro
私は最初に試しましたが、モバイルブラウザでは動作しませんでした。 –
どの角度バージョン、ブラウザタイプとバージョンですか?他人に言及されているように、$ httpが正しく使用されていれば、モバイルで動作するはずです。 – codemax