如何为angular2-material选项卡自定义动画，以便内容动画基于所选的选项卡？

Question

所以我正在尝试使用角度材质（angular2-material）并注意到默认情况下使用制表符时，每当我选择一个制表符时，内容都会从右边开始。有没有办法让我选择一个选项卡当前选项卡左侧的选项卡，该内容从左侧飞入？我正在寻找从数组中创建选项卡的编程。所以我假设我有一个对象＆＃34; this.tabs=[{label:"Tab 1", "content": "Content 1"}, {label:"Tab 2":"content": "Content 2"}, ...]"

所以我的标签在模板中看起来像这样......

<md-tab-group>
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">Content 2</md-tab>
  <md-tab label="Tab 3">Content 2</md-tab>
  <md-tab label="Tab 4">Content 2</md-tab>
<md-tab label="Tab 5">Content 2</md-tab>
<md-tab label="Tab 6">Content 2</md-tab>
<md-tab label="Tab 7">Content 2</md-tab>
<md-tab label="Tab 8">Content 2</md-tab>
<md-tab label="Tab 9">Content 2</md-tab>
<md-tab label="Tab 10">Content 2</md-tab>
<md-tab label="Tab 11">Content 2</md-tab>
</md-tab-group>

我需要做些什么才能获得正确的动画？