How to access child elements in a directive?

Question

JavaScript

Hello.
Actually a question: "How to get access to child elements in the directive?".
What is :

<div class="list" my-directive>
     <div class="item"></div>
     <div class="item"></div>
     <div class="item"></div>
</div>

angular.module('MyModule').directive('myDirective', function(){
     return {
          restrict : 'A',
          scope : {}, // В рабочей версии нужны будут параметры
          link : function(scope, el){
               console.dir(el.children()); //Возвращает div.directive-div из template
          },
          compile : function(){
               return {
                    pre : function preLink(scope, el){
                         console.dir(el.children()); // Возвращает div.directive-div
                    }
               };
          },
          template : '<div class="directive-div"></div>'
     };
});

And I would like to get a list of child divs div.item . What am I doing wrong?

Answer 1

Well, you replace the entire node with a template.
If you want to keep the content - use transclude