TypeError: je.le match n'est pas une fonction

J'ai travaillé sur un drupal angularjs module. J'ai installé bootstrap de l'interface utilisateur, qui fonctionne bien. Mais quand j'utilise modal box elle ne fonctionne pas.

Le code à l'intérieur du contrôleur:

    $scope.alertOnEventClick = function( event, allDay, jsEvent, view ){
    $scope.alertMessage = (event.title + ' was clicked ');
    console.log($modal);

    var modalInstance = $modal.open({
        //templateUrl: Drupal.settings.angularjsApp.basePath + '/ng_node/calender/popup',
        template: "<div class='modal-header'><h3 class='modal-title'>I'm a modal!</h3>" +
            "</div><div class='modal-body'><ul><li>jfksdfhjksd</li><li>jfksdfhjksd</li><li>jfksdfhjksd</li></ul></div>"+
            "<div class='modal-footer'><button class='btn btn-primary'>OK</button>" +
            "<button class='btn btn-warning'>Cancel</button></div>",
        controller: ModalInstanceCtrl,
        scope: $scope
    });



    function ModalInstanceCtrl($scope, $modalInstance) {
     console.log("controller class called")
     };

Je suis toujours confronté à des problèmes avec bootstrap de l'interface utilisateur contextuelle modèle.

OriginalL'auteur MSK | 2014-07-08

  1. 11

    J'ai moi aussi été confronté à ce problème plus tôt. Avec un complément d'enquête j'ai pu
    comprendre que, comme par angulaire des lignes directrices, l'isolement de la portée ne peut
    les attributs de la coutume directives. Il déclenche une erreur si nous essayons de créer un nouveau champ d'application de la valeur qui ne correspond à aucune de l'attribut.

    myModule.directive('directiveName', function factory() {
  return {
    ...
    scope: {
      'attrName': '@', //OK
      'attrName2': '=localName', //OK
      'attrName3': '<?localName', //OK
      'attrName4': ' = name', //OK
      'attrName5': 'name',    //ERROR: missing mode @&=
      'attrName6': 'name=',   //ERROR: must be prefixed with @&=
      'attrName7': '=name?',  //ERROR: ? must come directly after the mode
    }
    ...
  }
});

    OriginalL'auteur ajaykumar

  2. 7

    La portée: $champ d'application n'est pas bon pour moi. J'ai simplement travaillé par une indéfinissable angulaire question où j'ai eu "TypeError: un.le match n'est pas une fonction" en faisant 

        app.directive('contactAssociation', function () {
    return {
        templateUrl: 'contactAssociation.html',
        restrict: 'E',
        scope: {
            contact:"=",
            isSelected : false
        },
        controller: contactAssociationController
    };

    Par la simple modification de la portée de la cession dans la définition de la directive:

        app.directive('contactAssociation', function () {
    return {
        templateUrl: 'contactAssociation.html',
        restrict: 'E',
        scope: {
            contact:"=",
        },
        controller: contactAssociationController
    };

    Tout a commencé à travailler à nouveau. Il semble que angulaires jette quelques erreurs bizarres en faisant une mauvaise portée de cession et de ne pas vérifier efficacement pour les questions.

    Voici la validité de la portée des options pour une définition de la directive.

    portée: true //inherit parent

    portée: false //utilisation d'un parent

    portée: {} //isolé

    Mais alors qu'advient-il de "isSelected?"
    J'ai dû le déplacer dans la fonction de contrôleur pour l'ajouter à la somme de portée.
    Ah gotcha. Je suis en train de faire quelque chose de similaire en utilisant le lien.

    OriginalL'auteur dwbartz