angular.js - 指令裡產生的html怎麼解析

Question

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

例如像上邊這樣，使用jquery的after方法，這個p在頁面顯示成了字串，怎麼才能直接解析出來？

Answer 1

利用 $compile

寫了個線上小demo

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

Answer 2

題主的引號問題所導致的

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

很明顯這裡的url少了個引號呢、img的src要用引號包裹、可以加單引號在兩邊

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

你在頁面上的字串也是src沒引號