無法使用angularjs，HTML和REST打印表格

我對這個問題中提到的技術頗爲陌生。嘗試使用它們來生成表格。目前，我可以從瀏覽器獲取表格的json格式，但即使在控制檯中也不能打印（在.js文件中）。這是什麼原因？無法使用angularjs，HTML和REST打印表格

HTML：

<!doctype html> 
<html data-ng-app> 
<head> 
<title>Book</title> 
<script src="index.js"></script> 
</head> 
    <body background="/images/library-wall.jpg"> 

    <center> 
    <div data-ng-app="bookApp"> 
    <div data-ng-controller="bookListCtrl"> 
     <table border = "1"> 
      <tr> 
       <th>#</th> 
       <th color = "#0000FF">Title</th> 
       <th>Author</th> 
       <th>ISBN</th> 
       <th>Brief Description</th> 
       <th>Location</th> 
      </tr> 
      <tr data-ng-repeat="book in books"> 
       <td>{{book.id}}</td> 
       <td>{{book.title}}</td> 
       <td>{{book.author}}</td> 
       <td>{{book.isbn}}</td> 
       <td>{{book.description}}</td> 
       <td>{{book.location}}</td> 
      </tr> 
     </table> 
    </div> 
</div>

JS：

var booksApp = angular.module('booksApp', []); 
books.controller('bookListCtrl', function($scope, $http) { 
$http.get('books').success(function(data) { 
    console.log(data); 
    $scope.books = data; 
}); 
});

REST：

@RequestMapping(value = "/books", method = RequestMethod.GET) 
ResponseEntity<Collection<Book>> allOffices() { 
    return new ResponseEntity<Collection<Book>>(bookRepository.findAll(), 
      HttpStatus.OK); 
}

來源

2016-01-21 Display Name

確定REST返回的數據？你是否嘗試打印一些字符串而不是響應值？ –

我在瀏覽器中打印了值，它工作正常。 –

數據呢？您可以驗證服務退貨數據嗎？ –

每個HTML 文檔只能自動引導一個AngularJS應用程序。在文檔中找到的第一個ngApp將用於定義作爲應用程序的自動引導的根元素。要在HTML文檔中運行多個應用程序，您必須使用angular.bootstrap代替手動引導它們。 AngularJS應用程序不能彼此嵌套地嵌套在之間。

http://docs.angularjs.org/api/ng.directive:ngApp

嘗試：

<!doctype html> 
<html> 
<head> 
<title>Book</title> 
<script src="index.js"></script> 
</head> 
    <body background="/images/library-wall.jpg"> 

    <center> 
    <div data-ng-app="bookApp"> 
    <div data-ng-controller="bookListCtrl"> 
     <table border = "1"> 
      <tr> 
       <th>#</th> 
       <th color = "#0000FF">Title</th> 
       <th>Author</th> 
       <th>ISBN</th> 
       <th>Brief Description</th> 
       <th>Location</th> 
      </tr> 
      <tr data-ng-repeat="book in books"> 
       <td>{{book.id}}</td> 
       <td>{{book.title}}</td> 
       <td>{{book.author}}</td> 
       <td>{{book.isbn}}</td> 
       <td>{{book.description}}</td> 
       <td>{{book.location}}</td> 
      </tr> 
     </table> 
    </div> 
</div>

來源

2016-01-21 15:36:34 ozgur

var booksApp = angular.module('booksApp', []); 
books.controller('

它不應該是booksApp .controller？

來源

2016-01-21 14:20:40 MrFrag

改變它，但沒有工作 –

好吧，那麼，console.log（數據）的作品？你可以發佈它的輸出嗎？ – MrFrag

console.log（數據）不會打印任何內容。我認爲這個問題與html部分有關：/ –

如何檢查我的web服務，他們正在運行的網頁：

首先，用Postman發送Web服務使用GET方法的請求。如果您收到回覆，則表示成功。

二，要查找angularjs文件找到你的錯誤。假設您的Web服務的主機是http://127.0.0.1:5000，請將url設置爲http://127.0.0.1:5000/books。

請確保客戶端和服務器端都能夠正常工作。

來源

2016-01-21 14:27:32 Tony

無法使用angularjs，HTML和REST打印表格

回答

相關問題