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 :
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 !
});
}); |
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 :
<button class="submit" tooltip="Envoyer">
Mais après une requête POST (comme pour le code jQuery), IMPOSSIBLE de remettre le tooltip... :'(
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 :
1 2 3
| $scope.dynamicTooltip = 'Hello, World!';
$scope.dynamicTooltipText = 'dynamic';
$scope.htmlTooltip = 'I\'ve been made <b>bold</b>!'; |
Mais rien de bon...
Merci d'avance pour vos réponses !
Je reste à disposition pour toutes questions.
Cordialement.
Partager