我在角度材质标签上遇到了问题,我需要删除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=""**
但是在我的情况下如何做到呢?
在这里-CodePen
链接md-selected
的属性md-tabs
与ng-switch
主div
。
标记
<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>
JS
angular.module('MyApp',['ngMaterial'])
.controller('AppCtrl', function() {
this.selectedIndex = 0;
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句