AngularJS中的$ http.get失败

时间:2014-05-26 20:38:57

标签: javascript angularjs single-page-application

嘿,我有从网页到我自己的页面获取数据的问题。

我正在使用Angularjs并尝试从http://irys.wi.pb.edu.pl/bibWS/books获取数据我在chrome中查看我的页面并获取:     ReferenceError: $http is not defined

我的页面:

<!DOCTYPE html> 
<html ng-app> 
    <head> 
        <meta charset="utf-8" />
        <title>AngularJS</title>
    </head> 
    <body> 
        <script src="angular.min.js"></script>
        <script>
            function LibraryController($scope) {
                var urlBase = 'http://irys.wi.pb.edu.pl/bibWS/books';
                $scope.books = $http.get(urlBase);
            } 
        </script>

        <div ng-controller="LibraryController">
            Title: <input type="text" ng-model="searchText" /><br />
            <ul>
                <li ng-repeat="book in books">
                <strong>{{book.title}}</strong> -
                <em>{{book.author_id}}</em></li>
            </ul>
        </div>

    </body>
</html>

2 个答案:

答案 0 :(得分:4)

您必须将$http服务注入您的控制器

function LibraryController($scope, $http)

答案 1 :(得分:3)

您应该将$http添加到您的控制器:

function LibraryController($scope, $http)
...