Javascript AngularJS中的选项卡（v1.5.5）

我尝试使用角度材质（最新版本1.1.8）实现此目的，但我得到以下错误：

---

错误：[$injector:unpr]未知提供程序：$mdUtilProvider我似乎没有在您的代码笔上获得错误。我正在将代码集成到平台中。我使用的是AngularJs 1.5，它是否与AngularJs 1.1.8兼容？您知道在同一页面的不同选项卡上显示组件的这种方法的替代方法吗？提前谢谢

  <div class="sample tabsdemoDynamicTabs" layout="column" ng-cloak="">
    <md-content class="md-padding">
      <md-tabs md-selected="selectedIndex" md-border-bottom="" md-autoselect="" md-swipe-content="">
        <md-tab ng-repeat="tab in tabs" ng-disabled="tab.disabled" label="{{tab.title}}">
          <div class="demo-tab tab{{$index%4}}" style="padding: 25px; text-align: center;">
            <div ng-bind="tab.content"></div>
            <br>
            <md-button class="md-primary md-raised" ng-click="removeTab( tab )" ng-disabled="tabs.length <= 1">Remove Tab</md-button>
          </div>
        </md-tab>
      </md-tabs>
    </md-content>

    <form ng-submit="addTab(tTitle,tContent)" layout="column" class="md-padding" style="padding-top: 0;">
      <div layout="row" layout-sm="column">
        <div flex="" style="position: relative;">
          <h2 class="md-subhead" style="position: absolute; bottom: 0; left: 0; margin: 0; font-weight: 500; text-transform: uppercase; line-height: 35px; white-space: nowrap;">Add a new Tab:</h2>
        </div>
        <md-input-container>
          <label for="label">Label</label>
          <input type="text" id="label" ng-model="tTitle">
        </md-input-container>
        <md-input-container>
          <label for="content">Content</label>
          <input type="text" id="content" ng-model="tContent">
        </md-input-container>
        <md-button class="add-tab md-primary md-raised" ng-disabled="!tTitle || !tContent" type="submit" style="margin-right: 0;">Add Tab</md-button>
      </div>
    </form>

  </div>