Question

我对这个问题中提到的技术很陌生。尝试使用它们生成表。目前，我可以从浏览器获取表格的json格式，但即使在控制台（<!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>文件）中也无法打印。这是什么原因？

HTML ：

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

的 JS ：

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

REST ：

    MediaControl.ManipulationMode = ManipulationModes.Scale | ManipulationModes.TranslateX;

    private void MediaControl_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
    {
        MediaControl.Height = e.Delta.Scale * MediaControl.ActualHeight;
        MediaControl.Width = e.Delta.Scale * MediaControl.ActualWidth;
    }

Answer 1

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

不应该是 booksApp .controller？

Answer 2

如何检查我们正在运行的网络服务和网页：

首先，使用Postman使用GET方法向Web服务发送请求。如果您收到回复，则表示成功。

其次，查找angularjs文件找到你的错误。假设您的网络服务主机为http://127.0.0.1:5000，请将url设置为http://127.0.0.1:5000/books。

请确保客户端和服务器端能够正常工作。

Answer 3

每个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>

无法使用angularjs，HTML和REST打印表

3 个答案: