[英]AngularJS directives how to get deeper tree nodes
我的html視圖如下所示:
<div mydirectives="options..." class='container'>
<div class='wrapper'>
<img src='{{data.img}}' class='slide' ng-repeat='..'/>
</div>
</div>
我的問題是如何在指令中獲取幻燈片對象? 我嘗試過的是:
compile: function (uiSwiperConfig, $document, $timeout) {
var me = this;
me.$document = $document;
return {
preLink: function (scope, element, attrs, ngModel) {
me.container = element;
me.userDefinedParams = angular.copy(scope.$eval(attrs.uiSwiper));
me.wrapper = element[0].querySelectorAll("."+me.params.wrapperClass);
me.slides = angular.element(element.find("swiper-slide"));
or me.slides = element[0].querySelectorAll(".slide");
or me.slides = me.wrapper.querySelectorAll(".slide");
...
}
}
}
除了給我一個空的對象,它們都不起作用。
實現此目的的最佳方法是使用來創建AngularJS元素
angular.forEach(data.slides, function (slide) {
var img = angular.element('<img src="'+slide.img+'"/>');
me.wrapper.append(img);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.