Javascript 查找角度指令中的转义ng重复子级数

我试图找出一个指令中包含的儿童数量，如：

<div my-directive="true">
  <span ng-repeat="i in [1,2,3,4]>{{i}}</span>
</div>

我不能
.find（“.canvas overlay”）
但是
.children（）
可以


我不能
.find（“.canvas overlay”）
但是
.children（）
可以

你会做小提琴吗？你会做小提琴吗？
angular.module('myModule').directive('myDirective', function() {
  return {
    restrict: 'A',
    transclude: true,
    template: '<canvas></canvas><div class="canvas-overlay"></div>',
    controller: function($element, $transclude) {
      $transclude(function(transcludeEl) {
        $element.find('.canvas-overlay').append(transcludeEl);
      });

      console.log($element.find(".canvas-overlay")[0].children);
   })
 }
});

 controller: function($element, $transclude) {
        $transclude(function(transcludeEl) {
           $element.children().eq(1).append(transcludeEl);
 });