2017-07-11 65 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标签。