angular.js - 关于angularjs获取dom的问题

问题描述

问 题

想用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);
            }
        }
    }]);

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

link不是应该在渲染完后加载的吗？为什么显示 空呢？？求教

解决方案

$element 就是 jqlite 对象，用它就行了。
一个例子，公司实习生练习例子
https://github.com/ShuyunXIAN...

这篇关于angular.js - 关于angularjs获取dom的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！