angular-ui bootstrap onglet sélectionner la fonction de clic

Suis en train de faire appel à une expression de la fonction sur l'onglet sélectionner à l'aide angulaire ui bootstrap, cependant l'expression n'est pas appelé, mais vérifier sur angulaire de l'inspecteur de la fonction /expression existe : ci-dessous mon code du travail:

NB : les Autres onglets fonctionner correctement

Angulaire Vue

<uib-tab ng-click="vm.alertMe" select="" heading="New Invoice">
                          .....
 </uib-tab>

contrôleur utilisé comme une machine virtuelle

vm.alertMe = alertMe;

 function alertMe() {
            setTimeout(function() {
              $window.alert('You\'ve selected the alert tab!');
            });
          }
  • Merci de ne pas modifier les réponses à vos questions. Si vous avez une réponse, le poster ci-dessous et marquez il a accepté.
InformationsquelleAutor Jimmy Obonyo Abor | 2015-12-13
  1. 5

    Vous n'êtes pas à l'appel de la fonction dans votre DOM.

    au lieu de cela:

    <uib-tab ng-click="vm.alertMe" select="" heading="New Invoice">

    vous devriez l'appeler comme ceci:

    <uib-tab ng-click="vm.alertMe()" select="" heading="New Invoice">
    InformationsquelleAutor jusopi
  2. 0

    Pourquoi ne pas définir le alertMe fonction directement sur la machine virtuelle. Je ne peux pas voir l'ensemble de votre code. Je suppose que ça devrait fonctionner si vous vm est correctement affecté comme this dans le contrôleur. Assurez-vous également dans le code html de votre contrôleur est correctement définie. Laissez-moi savoir 🙂

    vm.alertMe = function() {
              setTimeout(function() {
               $window.alert('You\'ve selected the alert tab!');
              });
             }
    • J'ai résolu ce problème : je n'étais pas à l'appel de la $window service pour le contrôleur
    • Oh, vous voulez dire que vous oubliez d'injecter de qui ?
    • Oh oui un peu pressé de finir il l'app !
    InformationsquelleAutor LeOn - Han Li
  3. 0

    Toujours injecter le service de base de noms que vous utilisez dans votre angulaire de l'application ,dans l'exemple ci-dessus, je ne demande pas : $window service qui a entraîné le bug /erreur .mon contrôleur final est le suivant : 

    function() {

    'use strict';

    angular
        .module('app.patients')
        .controller('PatientsController', PatientsController);

    PatientsController.$inject = ['$http','$window'];
    /* @nginject */
    function PatientsController($http, $window) { 
       vm.alertMe = function() {

             $window.alert('You\'ve selected the alert tab!');
           }
     }
}

    et la vue ,

    <uib-tab  select="vm.alertMe()" heading="New Invoice">
                          .....
 </uib-tab>
    InformationsquelleAutor Jimmy Obonyo Abor