Question

使用Ionic / Angular创建幻灯片，现在需要一种传递幻灯片总数的方法。

目前其硬编码：

.directive('imageslider', function() {
    return {
        scope : true,
        link: function(scope, element, attrs) {
            // hardcoded here
            scope.totalSlides = 2;
        }
    }
 });

我的HTML是：

<div imageslider>
    <img ng-repeat="image in tile.data" src="img/product-images/{{image}}">
</div>

我需要一种方法来获取通过重复输出的img的数量，并在我的指令中使用该计数。

感谢。

Answer 1

只需在指令中添加范围：

<div imageslider nbofelements="tile.data.length">
    <img ng-repeat="image in tile.data" src="img/product-images/{{image}}">
</div>

在你的指令中：

.directive('imageslider', function() {
    return {
        scope : {
              nbofelements:'=nbofelements'
        },
        link: function(scope, element, attrs) {
            // hardcoded here
            scope.totalSlides = $attr.nbofelements;
        }
    }
 });

传递角度指令

1 个答案: