Est-il possible d'empêcher le changement de tabulation dans les onglets md ou la directive md-tab de matériau angulaire? J'utilise la directive md-on-select pour exécuter une fonction après avoir cliqué sur un onglet et définir la valeur md-active sur false pour un onglet spécifique. Mais l'interrupteur de tabulation arrive encore et je semble ne pas être en mesure de l'empêcher:Éviter un changement de tabulation dans un matériau angulaire md-tab
<md-content>
<md-tabs md-dynamic-height md-border-bottom>
<md-tab label="Tab1" md-active="ctrl.selectTab1" md-on-select="ctrl.tabClicked('Tab1')">
<md-content>
myContent
</md-content>
</md-tab>
<md-tab label="Tab2" md-active="ctrl.selectTab2" md-on-select="ctrl.tabClicked('Tab2')">
<md-content>
mycontent
</md-content>
</md-tab>
</md-tabs>
</md-content>
Dans la fonction de contrôleur je
function tabClicked(tab) {
switch (tab) {
case 'Tab1':
vm.selectTab1 = true;
vm.selectTab2 = false;
break;
case 'Tab2':
vm.selectTab1 = false;
vm.selectTab2 = true;
break;
}
}
Je ne comprends pas votre question. Voulez-vous désactiver un certain onglet? – Founded1898
Si vous voulez désactiver les mêmes onglets, vous pouvez utiliser la balise ng-disabled au lieu de md-active = "false" –
Non, je souhaite empêcher le changement d'onglet. Exemple: au départ je suis sur la première page de l'onglet, et je clique sur le second onglet, je ne veux pas passer au second onglet mais rester sur le premier. – YourReflection