爲什麼不能在指令的鏈接函數中編譯？

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