Angularjs : Why $http never works with me?

Question

When I use jQuery's $.ajax it works everytime, but when I come back to Angularjs I write

test.js :

var readContracts = function($scope, $http){
    $http({method: 'GET', url: 'http://test.url.com/contracts'}).
    success(function(data, status, headers, config) {
     $scope.contracts = angular.fromJson(data);

    }).
    error(function(data, status, headers, config) {
    debugger;
    // called asynchronously if an error occurs
    // or server returns response with an error status.
    });
};

test.html :

<!DOCTYPE html>
<html ng-app>
    <head>
        <meta charset="UTF-8">
        <title>test</title>
    </head>
    <body>
        <button ng-click="readContracts()">readContracts</button>
        <ul>
            <li ng-repeat="contract in contracts"> {{contract | json}} </li>
        </ul>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
        <script src="test.js"></script>
    </body>
</html>

And it never works. Not even the request in the chrome's debugger :-(

May an expert could see in few seconds what I did wrong ?

Merci beaucoup for your edit, I learn a lot in this time, also how to ask questions on Stackoverflow — user1475269
– user1475269, Commented May 16, 2013 at 22:29

Jonathan Palumbo · Accepted Answer · 2013-05-16 22:19:39Z

I think the problem is you have no controller.

<!DOCTYPE html>
<html ng-app>
    <head>
        <meta charset="UTF-8">
        <title>test</title>
    </head>
    <body ng-controller="ContractsController">
        <button ng-click="readContracts()">readContracts</button>
        <ul>
            <li ng-repeat="contract in contracts"> {{contract | json}} </li>
        </ul>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">     </script>
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js">    </script>
        <script src="test.js"></script>
    </body>
</html>


 function ContractsController($scope, $http){
    $scope.readContracts = function(){
        $http({method: 'GET', url: 'http://test.url.com/contracts'}).
        success(function(data, status, headers, config) {
             $scope.contracts = angular.fromJson(data);

        }).
        error(function(data, status, headers, config) {
        debugger;
        // called asynchronously if an error occurs
        // or server returns response with an error status.
        });
    };
   };

Collectives™ on Stack Overflow

Angularjs : Why $http never works with me?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related