angulaire.js - Comment analyser le HTML généré dans l'instruction

Question

return {
            restrict: 'EA',
            link: function (scope, element, attr) {
                element.bind('mouseenter', function() {
                    this.after("<p style='position: absolute;'><img src=" + this.src + " /></p>")
                });
            }
        }

Par exemple, comme indiqué ci-dessus, en utilisant la méthode after de jquery, ce p est affiché sous forme de chaîne sur la page. Comment peut-il être analysé directement ?

Answer 1

Utilisez $compile

Rédaction d'une petite démo en ligne

http://embed.plnkr.co/egEOkZv...

Answer 2

Cela est dû aux guillemets dans le titre de la question

this.after("<p style='position: absolute;'><img src=" + this.src + " /></p>")

De toute évidence, il manque un guillemet dans l'URL. Le src de img doit être entouré de guillemets simples des deux côtés.

this.after("<p style='position: absolute;'><img src='" + this.src + "' /></p>")

Votre chaîne sur la page est également src sans guillemets