Angularjs 滑动以水平滚动

我有一些卡片在一个分区中，没有布局包装。我如何通过刷卡滚动浏览这些卡？使用ng touch是否可以实现这一点

另外，我希望所有的卡都具有相同的高度，这就是为什么我将

style=“height:90%”

添加到

md卡

。这样做对吗

{{img.title}

使用

控制器：

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

<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>

HTML:

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

<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>

{{img.title}

我不太使用棱角材质，但我认为必须将其包装在mdContent中。代码是一个模板URL。它被包装在mdContent中。你可以滚动卡片的内容吗？而在触摸设备中，你不能？没错。我可以用鼠标滚动，但我不能用触摸设备。奇怪的是，它应该也能在设备上工作。那么，对不起。