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在頁面顯示成了字串，怎麼才能直接解析出來？
利用 $compile
寫了個線上小demo
http://embed.plnkr.co/egEOkZv...
題主的引號問題所導致的
很明顯這裡的url少了個引號呢、img的src要用引號包裹、可以加單引號在兩邊
你在頁面上的字串也是src沒引號