jQuery Girl
  1. jQuery Girl
  3. AngularJs MMenu Directive
Intereting Posts
Est-il possible de définir la largeur d’une liste déroulante jQuery autocomplete? Comment pourrais-je stocker le nombre dans une entrée de formulaire HTML sous forme de variable javascript lorsqu’un bouton est cliqué? jQuery n’exécute pas les fonctions (animate, css) après un deuxième clic mais console.log fonctionne? Lien vers l’onglet JQuery depuis le contenu de la page jquery link tag enable disable jQuery timepicker ‘L’object ne prend pas en charge cette propriété ou cette méthode’ Est-il possible d’interpoler ma cornière, pourcentage, égale à la syntaxe dans des fichiers JavaScript externes? Cliquez sur le bouton pour obtenir la valeur de l’entrée à proximité? Générer et télécharger une capture d’écran de la page Web sans perdre les styles que serait une réponse ajax errorthrown Erreur 406 sur firebug uniquement Calculer la largeur et la hauteur du parent div et appliquer à l’image en conséquence window.location.href sur le succès d’ajax ne fonctionne pas Pousser dynamicment les tableaux basés sur chaque entrée onClick – appeler le numéro de téléphone

AngularJs MMenu Directive

Je souhaite créer une directive mmenu pour mon application angular. Je l’ai fait pour le moment. Également utilisé link: function(){} dans la directive.

Page Web du plugin jQuery: http://mmenu.frebsite.nl/

Directif: 

 angular.module('myApp').directive('sideMenu', function() { return { ressortingct : 'E', templateUrl : 'scripts/partials/side-menu.html' }; });

Partielle (side-menu.html):

Cette partie jQuery a été écrite en partie elle-même: 

 $(function() { $('nav#menu').mmenu({ extensions : [ 'effect-slide-menu', "border-full" ], offCanvas: { position: "right" }, navbar : { title : '' }, navbars : [ { position : 'bottom', content : [ '', '', '' ] } ] }); });

Voici un exemple d’utilisation de mmenu dans une application angular:

app.js: 

 var app = angular.module('plunker', []); app.directive('mmenu', function() { return { ressortingct : 'A', link : function(scope, element, attrs) { $(element).mmenu({}); } }; });

index.html: 

   
  
 
 
Side Menu Example
 
 mmenu homepage

http://plnkr.co/edit/QuUEfj?p=preview

Essayez ceci: https://github.com/matafonoff/angular.mmenu

Il permet de créer un Mmenu basé sur les données du contrôleur ($ scope). L’utilisation est extrêmement simple – il suffit d’append js et d’avoir la tag dans votre tag HTML et les données dans votre contrôleur – toute la magie se fait en dehors de votre scope.