Javascript Can'；使用angularjs、HTML和REST打印表格_Javascript_Java_Html_Angularjs

Javascript Can'；使用angularjs、HTML和REST打印表格

javascript java html angularjs

Javascript Can'；使用angularjs、HTML和REST打印表格,javascript,java,html,angularjs,Javascript,Java,Html,Angularjs,我对问题中提到的技术很陌生。正在尝试使用它们生成表。目前，我可以从浏览器中获取表的json格式，但即使在控制台中也无法打印（在.js文件中）。这里的原因是什么 HTML： <!doctype html> <html data-ng-app> <head> <title>Book</title> <script src="index.js"></script> </head> <body

我对问题中提到的技术很陌生。正在尝试使用它们生成表。目前，我可以从浏览器中获取表的json格式，但即使在控制台中也无法打印（在

.js

文件中）。这里的原因是什么

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>

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

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

休息：

<!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>

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

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

@RequestMapping（value=“/books”，method=RequestMethod.GET）
责任分配（）{
返回新的响应属性（bookRepository.findAll（），
HttpStatus.OK）；
}

是否应该是BookApp.controller？

如何检查我的web服务和网页是否正在运行：

首先，使用

Postman

使用GET方法向web服务发送请求。如果你收到回复，就意味着成功

其次，要查找angularjs文档，请查找错误。假设您的web服务的主机是

http://127.0.0.1:5000

，请将

url

设置为

http://127.0.0.1:5000/books

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

每个HTML只能自动引导一个AngularJS应用程序文件。文档中找到的第一个ngApp将用于定义作为应用程序自动引导的根元素。运行多个 HTML文档中的应用程序必须手动引导它们改用angular.bootstrap。AngularJS应用程序不能被删除相互嵌套

尝试：


书
#
标题
作者
ISBN
简述
位置
{{book.id}
{{book.title}}
{{book.author}}
{{book.isbn}
{{book.description}}
{{book.location}

您确定REST会返回任何数据吗？您是否尝试打印一些字符串而不是响应值？我在浏览器中打印了这些值，效果很好。数据呢？您能验证服务返回的数据吗？@RaufAgayev请编写完整的html文件。好的，那么console.log（数据）工作了吗？你能发布它的输出吗？console.log（数据）不打印任何东西。我假设这个问题与html部分有关：/Ok，那么这可能是您的Web服务的问题，如果您使用角度以外的其他方式调用它，它是否有效？好的，在Chrome开发控制台的“网络”选项卡中，您是否看到对您的Web服务的调用？如果在控制器中用手写数组替换$scope.books，它会工作吗？