Angularjs directive get data from url

Question

i define a directive in angularjs that have a url to fetch data from data base. i display part of code. my directive is :

app.directive('getData', function() {

return {
 restrict: 'E',
  scope: {
    url: '@',
    suggestion: '=data'
   },
  controller: ['$scope','$http', function($scope,$http){
    $http.get($scope.url)
      .success(function (data) {
        console.log(data);// display data 
        $scope.Items = data;
      });
   })
  template:
           <li\
          suggestion\
              ng-repeat="suggestion in suggestions track by $index"\
          </li>\
}

now when i create a directive such as this in html

<get-data url="/public/getEmployee" data="Items"></get-data>

but no data display in it, while same code in directive controller be in an angularjs controller work correctly.

you directive definition name is getData and your usage is my-directive? — Chandermani
– Chandermani, Commented Jul 22, 2015 at 5:10
If you're going to use your fetched data in other places you should use a service or factory — RobSeg
– RobSeg, Commented Jul 22, 2015 at 6:43

Rahil Wazir · Accepted Answer · 2015-07-22 06:38:10Z

1

You are calling the http request inside the directive and getting the data inside the directive, so you do not need to pass the suggestion variable in scope.

Directly use Items array in the template item in Items track by $index.

Isolated scope variable passed in scope property are used to get data from external dependencies.

And your directive usage should be

<get-data url="/public/getEmployee"></get-data>

edited Jul 22, 2015 at 6:38

Rahil Wazir

10.1k11 gold badges46 silver badges66 bronze badges

answered Jul 22, 2015 at 5:18

Chandermani

42.7k12 gold badges88 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs directive get data from url

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