Angular2 / Ionic2 - 使用水平滚动条

Question

我愿意实现一个水平滚动条（或某种类型）来支持尽可能多的标签。

一张价值千言万语的图片（这就是我想要实现的目标）

目前标签已实施，工作正常，您可以在此处查看：

http://plnkr.co/edit/1no1sjZ9Lkv4glsUFnnU

import { Component, NgFor } from 'angular2/angular2';
  import { Tab } from './tab';

  @Component({
    selector: 'tabs',
    template:`
      <ul class="nav nav-tabs">
        <li *ng-for="#tab of tabs" (click)="selectTab(tab)" [class.active]="tab.active">
          <a href="#">{{tab.title}}</a>
        </li>
      </ul>
      <ng-content></ng-content>
    `,
    directives: [NgFor]
  })
  export class Tabs {

    tabs: Tab[];

    constructor() {
      this.tabs = [];
    }
    selectTab(tab){

      _deactivateAllTabs(this.tabs);
      tab.active = true;

      function _deactivateAllTabs(tabs: Tab[]){
        tabs.forEach((tab)=>tab.active = false);
      }

    }
    // _deactivateAllTabs(){
    //   this.tabs.forEach((tab)=>tab.active = false);
    // }

    addTab(tab: Tab) {
      if (this.tabs.length === 0) {
        tab.active = true;
      }
      this.tabs.push(tab);
    }
  }

我想要做的是让用户可以水平滚动（向右或向左），但我无法弄清楚如何做到这一点。

有什么想法吗？