在AngularJS中如何在angular-material中启用md-tabs的滑动功能？

Question

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

Answer 1

你只是在选项卡上设置的？

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

Answer 2

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

Answer 3

您必须将 md-swipe-content 添加到 md-tabs

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

here angular material

滑动功能示例

在AngularJS中如何在angular-material中启用md-tabs的滑动功能？

In AngularJS how to enable swipe function for md-tabs in angular-material?

angularjs

angular-material