值不在角度js中从json对象显示

时间:2017-07-11 07:48:21

标签: angularjs json jsp

我正在尝试使用angular js在JSP页面中显示JSON对象。 数据正确,但显示代码在JSP页面中无法正常工作。

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="angular.js@*" 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-repeat 在这里也不起作用。将值赋给范围变量时是否有任何错误?任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

ng-repeat =“用户中的用户”应添加到 tr 标记中,而不是 div 标记。