Question

我遇到角度材质标签的问题，我需要删除html另一面的标签，而不是整个html包装。以下是默认选项卡正常工作的示例

<md-content>
    <md-tabs md-dynamic-height md-border-bottom>
        <md-tab label="1">
            <md-content class="md-padding">1</md-content>
           </md-tab>
        <md-tab label="2">
            <md-content class="md-padding">2</md-content>
        </md-tab>
</md-tabs>
</md-content>

但我需要这样的东西

<md-tabs md-dynamic-height md-border-bottom>
    <md-tab label="1">
    </md-tab>
    <md-tab label="2">
    </md-tab>
</md-tabs>


<div class="main">
    <md-content class="md-padding">1</md-content>
    <md-content class="md-padding">2</md-content>
</div>

我知道

上有选项

**md-on-select="" md-on-deselect=""**

但是如何在我的情况下做到这一点？

Answer 1

你去了 - CodePen

将md-selected的{{1}}属性与md-tabs上的ng-switch相关联。

标记

div

JS

<div ng-controller="AppCtrl as vm" ng-cloak="" ng-app="MyApp">
  <md-tabs md-dynamic-height md-border-bottom md-selected="vm.selectedIndex">
      <md-tab label="1">
      </md-tab>
      <md-tab label="2">
      </md-tab>
  </md-tabs>

  <div class="main" ng-switch="vm.selectedIndex">
      <md-content class="md-padding" ng-switch-when="0">1</md-content>
      <md-content class="md-padding" ng-switch-when="1">2</md-content>
  </div>
</div>

Angular材料标签自定义HTML

1 个答案: