angular.js - 關於angularjs獲取dom的問題

Question

想用ng 做一個輪播，可是在link 無法取得dom的元素

 .directive("carousel",[function (){
        return {
            replace:true,
            restrict:"EA",
            scope:{
                img:"=myImage"
            },
            transclude:true,
            templateUrl:'../js/template.html',
            link:function(scope,elem,attr){
                var t=document.querySelectorAll(".carousel ul li");
                console.log(t);
            }
        }
    }]);

<p class="carousel">
    <ul>
        <li ng-repeat="i in img">
            <img width="100%" height="100%" src="{{i.img}}"  alt=""/>
        </li>
    </ul>
</p>

link不是應該在渲染完後載入的嗎？為什麼顯示 空呢？ ？求教

Answer 1

$element 是 jqlite 對象，用它就行了。
一個例子，公司實習生練習範例
https://github.com/ShuyunXIAN...

Answer 2

直接把他封裝成輪播組件，不需要操縱取得dom什麼的。