为什么不能在指令的链接函数中编译？

Question

这是我的代码

// index.html 
<my-slider items="items"></my-slider> 

// slider.tpl.html 
<ul> 
    <li ng-repeat="item in items"> // items.length = 10 
    <my-thumb my-data="item"></my-thumb> 
    </li> 
</ul> 



// slider.directive.js 
angular.module('app') 
.directive('mySlider', function() { 
    return { 
    restrict: 'E', 
    templateUrl: 'slider.tpl.html', 
    scope: { 
     items: '=' 
    }, 
    link: function (scope, elem, attrs) { 
     console.log(scope.items); // print [{...},{...},{...}.....] 
     var elem.find('ul').css('width', _.sumBy(elem.find('li'), function (o) { $(o).width(); })); 

     // but 
     console.log(elem.find('li').size()); // print => 0 ???? why is 0? 
    } 
    }; 
}); 

我想整个宽度设置为一个UI元素，但这种

elem.find('li').size() = 0 

为什么是空的？

Answer 1

你需要让ng-repeat渲染使用$timeout第一

尝试这样的代码将无法运行，直到下一次消化

.directive('my-slider', function ($timeout) { 
    return { 
    //..... 
    link: function (scope, elem, attrs) { 
     $timeout(function(){ 
      console.log(elem.children().length) 
     }); 
    } 
}) 

DEMO