javascript - AngularJs Web 服务

标签 javascript angularjs node.js express webservice-client

我想从此 URL 获取图书名称

http://localhost:3000/greeting

这是我的 Nodejs Expressjs 服务器代码

var express = require('express');
var app = express();

app.get('/greeting', function (req, res) {

var books = {
    id : 555,
    name : 'Antony',
    title : 'Do or Die',
    price : {
        inr : 500,
        dollar : 5
        }
    };
    res.json(books);
});

app.listen(3000, function () {
console.log('Example app listening on port 3000!')
});

此代码是我的 Angularjs Web 服务调用，名为 hello.js

var app = angular.module('booksInventoryApp', []);
app.controller('booksCtrl', function($scope, $http) {
$http.get("http://localhost:3000/greeting")
   .then(function(response) {
  $scope.data = response.data;
  console.log("result"+response.data);
  });
});

这是我的 HTML 代码

<!doctype html>
<html ng-app="demo">
<head>
    <title>Hello AngularJS</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
    <script src="hello.js"></script>
</head>

<body>

<article ng-app="booksInventoryApp">
    <section ng-controller="booksCtrl">
        <h2 ng-repeat="book in data.books">{{book.name}}</h2>    
    </section>
</article>




</body>
</html>

我想获取书名...提前致谢..

最佳答案

您的主app名字是booksInventoryApp所以你应该包括 ng-app="booksInventoryApp"并且每一页都有一个 ng-app指令。

所以尝试改变