angular js，spring MVC angular JS代碼在spring中不起作用

Question

我的春季MVC的摘要是

      @RequestMapping(value = "/list2", method = RequestMethod.GET,headers="Accept=*/*",produces = "application/json")  
     public ResponseEntity<List<Employe>> listAllUsers() {     
     List<Employe> users = dataService.getList();

   if(users.isEmpty()){
     return new ResponseEntity<List<Employe>>(HttpStatus.NO_CONTENT);
 }
       return new ResponseEntity<List<Employe>>(users, HttpStatus.OK);
  }

我的角度js控制器如下

 'use strict';

var app = angular.module（'app'，[]）;

  app.controller('EmpController', function($scope, httpq) {

  httpq.get('http://localhost:8080/SpringHibernate/list2')
  .then(function(data) {
    $scope.users = data;
  })
  .catch(function(data, status) {
    console.error('Gists error', response.status, response.data);
  })
  .finally(function() {
    console.log("finally finished gists");
  });
});

我的index.jsp是

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"           "http://www.w3.org/TR/html4/loose.dtd">
   <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <html>
  <head ng-app="app" >
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859- 1">
    <title>SpringHibernate</title>
    </head>
     <body >
    <h1>Welcome to Spring Hibernate Project!!!</h1>
    <a href="/SpringHibernate/form">Please Click this Link To Proceed</a>
      <a href="/SpringHibernate/list3">Please Click this Link To Proceed</a>

     <div ng-controller="EmpController">
  <!--Body content-->
   <input ng-model="query"> Type to Search</input>
    <ul>
     <li ng-repeat="user in users | filter:query | orderBy:orderProp">
      <p>{{user.firstName}}
      <p>{{user.lastName}}
      <p>{{user.email}}
      <p>{{user.phone}}
    </li>
    </ul>

 </div>

   <script src="<c:url value="/resources/js/angular.min.js" />"        type="text/javascript"></script>
  <script src="<c:url value="/resources/js/app.js" />"  type="text/javascript"></script>
  </body>
  </html>

啟動代碼后，我在瀏覽器中都未獲取任何日志，看來根本沒有執行角度。 請讓我知道還需要什么其他詳細信息。 我在Postman中使用了相同的URL，它成功生成了JSON響應。

Answer 1

您將ng-app屬性放在<head>元素上。 因此，只有頭部由角度處理。 其余的都是純靜態的html，角度不在乎。

放在<html>或<body> 。

請注意，如果您的html代碼正確縮進，則錯誤將很容易被自己發現。

angular js，spring MVC angular JS代碼在spring中不起作用

問題描述

1 個解決方案

解決方案1
0 已采納 2016-03-08 19:33:22

angular js，spring MVC angular JS代碼在spring中不起作用

問題描述

1 個解決方案

解決方案1 0 已采納 2016-03-08 19:33:22

解決方案1
0 已采納 2016-03-08 19:33:22