Question

我在div中有一些没有布局包装的卡片。如何通过滑动滚动这些卡片？这是使用ng-touch实现的吗？

此外，我希望所有卡片都具有相同的高度，这就是我将style="height: 90%"添加到md-card的原因。这是正确的方法吗？

http://i.stack.imgur.com/Seq3s.jpg

<div layout="row">
    <div flex-sm="35" flex-md="20" flex="10" ng-repeat="img in images">
        <md-card style="height: 90%">
            <img ng-src="resources/images/{{img.src}}" class="md-card-image"
                 alt="{{img.title}}">
            <md-card-content>
                <span class="md-body-2">{{img.title}}</span>
            </md-card-content>
        </md-card>
    </div>
</div>

Answer 1

使用md-swipe-right md-swipe-left

<强>控制器：

    $scope.onSwipeLeft = function(ev) {
      alert('You swiped left!!');
    };
    $scope.onSwipeRight = function(ev) {
      alert('You swiped right!!');
    };

<强> HTML：

<div layout="row">
    <div flex-sm="35" flex-md="20" flex="10" ng-repeat="img in images">
        <md-card style="height: 90%" md-swipe-left="onSwipeLeft()" >
            <img ng-src="resources/images/{{img.src}}" class="md-card-image"
                 alt="{{img.title}}">
            <md-card-content>
                <span class="md-body-2">{{img.title}}</span>
            </md-card-content>
        </md-card>
    </div>
</div>

滑动即可水平滚动

1 个答案: