在AngularJS中如何启用角材料中md-tabs的滑动功能？

我尝试激活素材md-tabs的滑动功能，但它不起作用。在手册https://material.angularjs.org/latest/api/directive/mdTabs是一个名为“md-swipe-content”的参数，它是一个布尔值 - 如何激活此参数并启用md-tabs的刷卡？在AngularJS中如何启用角材料中md-tabs的滑动功能？

您的链接是不是谷歌材质设计，它是指向** Angular **材质的链接。你在为Android或AngularJS开发吗？ –

Ohh sry，是的，我的意思是角材料。我正在为AngularJS开发:) – XxDeadLiiNexX

https://material.angularjs.org/latest/demo/swipe，http://codepen.io/pen/从文档试试 – Prasad

我也有这个问题！我认为md-tabs的md-swipe-content属性在1.10.0-rc1中被打破。我降级到1.0.6，这解决了我的问题。

2016-03-21 16:24:51

谢谢！我改变了CSS，它与md-swipe-content =“true”参数一起工作正常。 – XxDeadLiiNexX

您只需将它设置在选项卡上？

<md-tabs md-swipe-content="true> 
    <md-tab label="one"> 
    <md-content> 
     .... 
    </md-content> 
    </md-tab> 
</md-tabs>

2016-03-06 19:23:25 kuhnroyal

感谢您的回答！但它不适合我，我从你的例子中复制代码（关闭“真”）。但浏览器（带鼠标）和带裤子的移动设备上的滑动功能不起作用。 – XxDeadLiiNexX

请提供更多信息。浏览器等，并告诉我们，如果其他刷卡组件工作。滑动演示，吐司等 – kuhnroyal

感谢您的帮助，问题是CSS版本 - 请参阅Jd Geier的答案。 – XxDeadLiiNexX

你必须MD-刷卡内容加入到MD-标签

<md-tabs md-swipe-content="true"> 
... 
</md-tabs>

here一个例子显示刷卡功能与角料

2016-08-09 20:39:29

回答