2015-05-05 4 views
0

здесь мой код для директивыПередача данных от службы к директиве в AngularJs

app.directive('studentlist',function(){ 
return{ 
    restrict:'E', 
    scope: {}, 
    templateUrl:'js/directives/studentList.html' 
}; 

});

и вот код для моей службы

app.factory('students',['$http',function($http){ 
return $http.get('http://localhost/database2/php/students.php') 
    .success(function(data){ 
     return data; 
    }) 
    .error(function(err){ 
     return err; 
    }); 

}]);

Heres фрагмент моего HTML

<div ng-repeat="student in studentList" class="row border"> 
     <studentList info="{{ students.info }}"></studentlist> 
</div> 

Мне нужно знать, как передать данные от службы в директиве. поэтому он показывает в теге

+0

спасибо за обратную связь, мой JSON выглядит как этот идентификатор: "2015552117" FirstName: "Alexia" ОТЧЕСТВО: "Джино" LastName: "Bella" Пол: "Мужской" DateOfBirth: " 2015-04-30" государство: "Абуджа" YearEnrolled: "0000" EducationalLevel: "JS 2" LGA: "Tema" Статус: "" –

ответ

1
app.directive('studentlist',function(students){ 
return{ 
    restrict:'E', 
    scope: {}, 
    link: function(scope) { 
     students.then(data) { 
     console.log('putting "students" on scope!:', data); 
     scope.students = data; 
     }; 
    }, 
    templateUrl:'js/directives/studentList.html' 
}; 

Не уверен, что ваш JSON выглядит, но ваша директива должна в конечном счете, иметь доступ к студентам сгустка. Попробуйте добавить {{students}} в шаблон шаблона studentList.

... и вам больше не требуется привязка в атрибутах директивы.

<div ng-repeat="student in studentList" class="row border"> 
     <studentList></studentlist> 
</div> 
+0

спасибо за обратную связь, однако я получаю массив объектов, но они не отображают данные, просто HTML. Я использовал {{student.FirstName}} в моей директиве, основываясь на том, как мой объект json является структурой –

Смежные вопросы