Actualisation du contenu iframe dans AngularJS
Je suis en train d'écrire une application qui fait partie Anugular et de la partie jQuery. Je suis en les séparant par le chargement de jQuery contenu dans une iFrame.
Sur un certain événement (par exemple, sur un ng-click), j'ai besoin de rafraîchissement de l'iFrame. Mon Contrôleur contient le code suivant:
$scope.resfeshIframe = function() { //refresh the iFrame with id "anIframe" };
et de l'iFrame est:
<iframe id="anIframe" src="myUrl"></iframe>
Quelqu'un peut m'aider avec elle. Je peux poster plus de code si nécessaire.
source d'informationauteur Amarsh
Vous devez vous connecter pour publier un commentaire.
Paulo Scardine dit, la bonne façon de le faire serait par le biais d'une directive cause vous ne devriez pas utiliser les contrôleurs de manipuler le DOM.
Quelque chose comme ce que l'on pourrait faire :
Qui pourrait alors être utilisé comme :
Et :
Un autre hack-ish solution: si vous ne voulez pas créer une directive, mais vouloir s'en tenir à la bonne pratique de ne pas manipuler le DOM dans le contrôleur.
Conserver l'url dans un tableau et utiliser ng-repeat pour afficher l'iFrame:
Vue:
Contrôleur:
Donc, chaque fois que vous définissez la valeur de vm.url, angulaire ré-afficher l'iFrame.
Résolu par un hack suggéré dans Recharger une iframe avec jQuery
Si vous voulez vous rafraîchir tous les iframes à partir de votre page :