2017-07-11 64 views
0

我想在jsp頁面中使用角js顯示JSON對象。 數據正常顯示,但在JSP頁面中顯示代碼無法正常工作。值不顯示json對象在角js

在app.js

$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

在'tr'內使用ng-repeat而不是'div' –

回答

1

NG重複=「用戶在用戶」應該被添加到TR標籤,而不是DIV標籤。