2017-07-11 21 views
0

角度jを使用してJSPページにJSONオブジェクトを表示しようとしています。 データは正しく出力されていますが、JSPページで表示コードが正しく動作していません。 app.js角度jsのjsonオブジェクトから値が表示されない

$http.get(urlBase+'/users1').success(function (data){ 


for(var i=0;i<data.length;i++){ 

    alert(data[i]); 



} 

$scope.users=data; 

}) 
.error(function(data) { 
    alert("errore"+data); 
    $scope.data = "error in fetching data"; 
}); 

JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" 

    pageEncoding="ISO-8859-1"%> 

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html ng-app="taskManagerApp"> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 

<title>AngularJS Task Manager</title> 

<script data-require="[email protected]*" data-semver="1.2.13" src="http://code.angularjs.org/1.2.13/angular.js"></script> 

<script src="<c:url value="/resources/js/app.js"/>"></script> 
</head> 

<body> 

<div ng-controller="taskManagerController"> 



    <span>Add Task</span> 


    <div> 

    <div> 

    <table> 

    <tr> 

     <td> Name:</td> 

     <td><input type="text" ng-model="Name"/></td> 

    </tr> 

    <tr> 

     <td>City:</td> 

     <td><input type="text" ng-model="City"/></td> 

    </tr> 


    <tr> 

     <td> 

<button ng-click="addTask()" class="btn-panel-big">Add New Task</button></td> 

    </tr> 

    </table>   

    </div> 

    </div> 


    <div> 
    <table> 
    <div ng-repeat="user in users"> 

    <tr> 
    <td>hai {{user.id}}</td> 
    <td>hello {{user.Name}}</td> 
    <td>wellcome {{user.city}}</td> 

    </tr> 

    </div> 
    </table> 

    </div> 


    </div> 


</body> 

</html> 

NGリピートもここで働いていないファイル。スコープ変数に値を代入している間に間違いはありませんか?誰でも私にこれを解決させる手助けはできますか?

+2

'div'の代わりに' tr'の中でng-repeatを使用します。 –

答えて

1

NG・リピート=「ユーザーのユーザーが」TRタグとないのdivタグに追加する必要があります。

関連する問題