Bonjour à tous,
Je viens de passer sur AngularJS (il faut bien y passer un jour) et je souhaite que les controllers s'applique à nouveau, je m'explique avec un code sous jQuery :
Maintenant le souçi, c'est de faire la même chose avec AngularJS... J'ai réussi à définir le tooltip uniquement en y ajoutant le code suivant dans le bouton et AngularJS s'occupe du reste :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18 $(function() { $('button[class=submit]').tooltip(function() { title: 'Envoyer'; }); // Le tooltip s'affiche correctement. $.post('new_buttons.php', { style: 1 }).done(function (data) { $('#conteneur').html(data); /* Les anciens boutons .submit sont remplacer par les nouveaux mais le tooltip ne fonctionne plus, du coup il faut re-executer la fonction tooltip(). */ $('button[class=submit]').tooltip(function() { title: 'Envoyer.'; }); // Ca refonctionne ! }); });
Mais après une requête POST (comme pour le code jQuery), IMPOSSIBLE de remettre le tooltip... :'(
Code html : Sélectionner tout - Visualiser dans une fenêtre à part <button class="submit" tooltip="Envoyer">
Donc est-ce qu'il y a un moyen de recharger TOUT les modules, controllers... Afin que le code d'AngularJS repasse par le nouveau et y ajoute le tooltip.
Je vous avoue que je suis un peu pommé avec Angular...
J'utilise bootstrap pour jQuery et ui.bootstrap pour Angular afin d'afficher le tooltip.
J'ai même essayer avec :
Mais rien de bon...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 $scope.dynamicTooltip = 'Hello, World!'; $scope.dynamicTooltipText = 'dynamic'; $scope.htmlTooltip = 'I\'ve been made <b>bold</b>!';
Merci d'avance pour vos réponses !
Je reste à disposition pour toutes questions.
Cordialement.
Partager