AngularJS 指示如何获得更深的树节点

Question

我的 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");
    ...
      }
    }
}

None 除了给我一个空对象外，它们都有效。

Answer 1

实现这一点的最佳方法是使用

创建一个 AngularJS 元素

angular.forEach(data.slides, function (slide) {
      var img = angular.element('<img src="'+slide.img+'"/>');
      me.wrapper.append(img);
});

AngularJS 指示如何获得更深的树节点

AngularJS directives how to get deeper tree nodes

javascript

jquery-ui

angularjs

angularjs-directive

swiper