angular.js - Bagaimana untuk menghuraikan html yang dihasilkan dalam arahan

Question

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

Sebagai contoh, seperti yang ditunjukkan di atas, menggunakan kaedah selepas jquery, p ini dipaparkan sebagai rentetan pada halaman Bagaimana ia boleh dihuraikan secara langsung?

Answer 1

Gunakan $compile

Menulis demo dalam talian kecil

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

Answer 2

Ini disebabkan oleh tanda petikan pada tajuk soalan

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

Jelas sekali URL di sini tiada tanda petikan

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

Rentetan anda pada halaman juga src tanpa petikan