Angular.js REST client

[Trương Hoàng Dũng]

Hi everyone.
I have a question. I'm trying to get the courses from a REST server. I'm using controller like this:


function ListCtrl($scope, $http) {
        $http.get('https://canvas.instructure.com/api/v1/courses?access_token=<access_token>').success(function(data) {
    $scope.courses = data;
        });
}

The template is like this:


<tr ng-repeat="course in courses">
<td><a href="{{course.id}}" target="_blank">{{course.name}}</a></td>
<td>{{course.course_code}}</td>
</tr>

But the codes seem don't work.

May i make any mistake here ?
Thank you for reading.

[Johan]

I would use a service. Check out $resource - see the tutorial:

http://docs.angularjs.org/tutorial/step_11 

and API docs

http://docs.angularjs.org/api/angular.module.ngResource.$resource 

[randy...@google.com]

See http://docs.angularjs.org/api/angular.module.ng.$compileProvider.directive.ngHref

[nxqd....@gmail.com]

Hi Dũng, 

have you figured out how to make it work ? 

[Pascal Precht]

"But the codes seem don't work."

What about the an error message? :)

[Marit]

Are you sure that you are looping over an array in your ng-repeat? It could be that courses is objects and not a collection of objects.

Try to  console.log(data) right after the http request as see what you get.

If its not a collection of objects (an array of objects) then ng-repeat will not work.

Check out the documentation:

http://docs.angularjs.org/api/ng.directive:ngRepeat

Good luck!