Empêcher l'événement de changement d'onglet dans le matériau angulaire md-tab

Est-il possible d'empêcher le changement d'onglet dans la directive md-tabs ou md-tab d'angular-material? J'utilise la directive md-on-select pour exécuter une fonction une fois qu'un onglet est cliqué et définir la valeur md-active sur false pour un onglet spécifique. Mais le changement d'onglet se produit toujours et je ne semble pas pouvoir l'empêcher :

<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 contrôleur j'ai

function tabClicked(tab) {
 switch (tab) {
 case 'Tab1':
 vm.selectTab1 = true;
 vm.selectTab2 = false;
 break;
 case 'Tab2':
 vm.selectTab1 = false;
 vm.selectTab2 = true;
 break;
 }
}


Solution du problème

Ceci est un exemple mais je ne sais pas si c'est ce que vous voulez

Exemple

<div ng-app="myApp">
<div ng-controller="MyCtrl">
 <md-content>
 <md-tabs md-dynamic-height md-border-bottom md-selected="selected" >
 <md-tab label="Tab1" ng-click="tabClicked('Tab1')">
 <md-content>
  myContent 1
 </md-content>
 </md-tab>
 <md-tab label="Tab2" ng-click="tabClicked('Tab2')">
 <md-content>
  mycontent 2
 </md-content>
 </md-tab>
 </md-tabs>
 </md-content>
</div>

angular.module("myApp",['ngMaterial']).controller("MyCtrl", function($scope) {
 $scope.selected = 0
 $scope.tabClicked = function(tab) {
 switch (tab) {
 case 'Tab1':
 $scope.selected = 0
 break;
 case 'Tab2':
 $scope.selected = 0
 break;
 }
 }
});

j'espère que ça t'aidera

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Comment signer la connexion OKEx API version 5 avec websockets ?

Bien que cette question ait reçu une réponse pour les versions précédentes de l'API OKEx utilisant REST, elle ne l'a pas été pour la dernière version 5 de l'API utilisant des websockets. Les docs sont ici. Je reçois l'erreur suivante {"event":"error","msg":"Invalid sign","code":"60007"} , il doit donc y avoir un problème avec l'algorithme de chaîne de signature, mais je n'arrive pas à identifier où je fais une erreur. import hmac import json import time import hashlib import asyncio import websockets passphrase = "XXXX" secret_key = b"XXXX" api_key = "XXXX" timestamp = int(time.time()) print("timestamp: " + str(timestamp)) sign = str(timestamp) + 'GET' + '/users/self/verify' total_params = bytes(sign, encoding= 'utf-8') signature = hmac.new(bytes(secret_key, encoding= 'utf-8'), total_params, digestmod=hashlib.sha256).digest() sign...
Lire la suite

La fonction GCP Cloud pour écrire des données dans BigQuery s'exécute avec succès, mais les données n'apparaissent pas dans la table BigQuery

Image
J'exécute la fonction cloud suivante. Il s'exécute avec succès et indique que les données ont été chargées dans la table. Mais lorsque j'interroge BigQuery, aucune donnée n'a été ajoutée. Je ne reçois aucune erreur et aucune indication que cela ne fonctionne pas. from google.cloud import bigquery import pandas as pd def download_data(event, context): df = pd.read_csv('https://covid.ourworldindata.org/data/ecdc/full_data.csv') # Create an empty list Row_list =[] # Iterate over each row for index, rows in df.iterrows(): # Create list for the current row my_list =[rows.date, rows.location, rows.new_cases, rows.new_deaths, rows.total_cases, rows.total_deaths] #print(my_list) # append the list to the final list Row_list.append(my_list) ## Get Biq Query Set up client = bigquery.Client() table_id = "<project_name>.raw.daily_load" table = client.get_table(table_id) print(client) print(table_id) print(table) errors = client.insert_rows(...
Lire la suite

Le shell POSIX (sh) redirige stderr vers stdout et capture stderr et stdout dans des variables

Je voudrais rediriger stderr vers stdout afin qu'un terminal les imprime tous les deux lors de l'exécution d'une commande, mais je voudrais également les capturer tous les deux dans des variables distinctes. J'ai réussi à y parvenir dans Bash (version 4.4.20(1)-release): #!/bin/bash echo "terminal:" { err="$(find / -maxdepth 2 -iname 'tmp' -type d 2>&1 1>&3 3>&- | tee /dev/stderr)"; ec="$?"; } 3>&1 | tee /dev/fd/4 2>&1; out=$(cat /dev/fd/4) echo "stdout:" && echo "$out" echo "stderr:" && echo "$err" cela donne souhaité: terminal: find: '/root': Permission denied /tmp /var/tmp find: '/lost+found': Permission denied stdout: /tmp /var/tmp stderr: find: '/root': Permission denied find: '/lost+found': Permission denied mais j'ai un problème pour convertir ce script en POSIX sh /bin/sh #!/bin/sh echo "term...
Lire la suite