爲什麼頁面沒有加載Java Spring引導Angularjs

我有一個加載一個簡單的頁面將顯示所有消息的問題。我在後端使用algular作爲前端和Spring啓動應用程序。當我嘗試加載頁面（本地主機：8080 /消息），頁面是空白的，並給我下載與消息的JSON。任何想法？ PS。在ViewAllMessages.html中，我編寫常量文本來檢查頁面何時運行。爲什麼頁面沒有加載Java Spring引導Angularjs

MessageController：

@RestController 
@RequestMapping("/api/message") 
public class MessageController { 

private final Logger LOG = LoggerFactory.getLogger(MessageController.class); 

@Autowired 
private MessageService messageService; 

@RequestMapping(value = "/all", method = GET) 
public List<MessageDTO> findAll() { 
    LOG.info("Received request to all messages."); 
    return messageService.findAll(); 
} 
}

main.js

var chatApp = angular.module('chat', ['ngRoute']); 

chatApp.config(function ($routeProvider) { 
$routeProvider 
    .when('/messages', 
     { 
     controller: 'AllMessagesController', 
     templateURL: '/partials/ViewAllMessages.html' 
     }) 
    .otherwise({redirectTo: '/'}); 
}); 

chatApp.service('messageService', function(){ 
var message = {}; 

var addMessage = function (v) { 
    message = v; 
}; 
var getMessage = function(){ 
    return message; 
}; 

return { 
    addMessage: addMessage, 
    getMessage: getMessage 
}; 

}); 

chatApp.controller('AllMessagesController', function($scope, $window, $http){ 
$scope.transfer = {}; 
$scope.error = false; 
$http 
    .get('/api/message/all') 
    .then(function(response) { 
     $scope.messages = response.data; 
     log.console(response.data); 
    }); 
});

的index.html

<!doctype html> 
<html> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="css/simple-sidebar.css" rel="stylesheet"> 
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet"> 
<link href="css/office.css" rel="stylesheet"> 
<style type="text/css"> </style> 
<body> 

<script src="js/angular-route.min.js" type="text/javascript"></script> 
<script src="js/angular-resource.min.js" type="text/javascript"></script> 
<script src="js/main.js"></script> 
<script src="js/angular.min.js" type="text/javascript"></script> 

</body> 

</html>

ViewAllMessages.html

<div class="container"> 
<div class="col-md-6"> 
    <div class="row"> 
     <div class="col-md-2"> 
      <h2>Wiadomosci</h2> 
     </div> 
    </div> 

</div>> 

<div class="section"> 
    <h3>{{headingTitle}}</h3> 
    <div> 
     <ul type="square"> 
      <li>Luke</li> 
      <li>Darth</li> 
      <li>Anakin</li> 
      <li>Leia</li> 
     </ul> 
    </div> 
</div> 

<div class="panel panel-default" ng-repeat="message in messages"> 

    <div class="row"> 
     <div class="col-md-2"> 
      <div class="panel-default"> {{message.id}}</div> 
     </div> 
     <div class="col-md-2"> 
      <div class="panel-default"> {{message.message}}</div> 
     </div> 
    </div>> 
</div> 
</div>

來源

2017-08-16 Mike Evans

首先我在index.html中看到腳本導入的順序，所以試着把firirs.min.js放進去。 –

我做了，但沒有工作; / –

頁面未顯示，因爲您沒有導入$ routeParams依賴於您的控制器index.js。設置後，頁面顯示。

來源

2017-08-17 13:14:39

爲什麼頁面沒有加載Java Spring引導Angularjs

回答

相關問題