問(wèn)題描述

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

比如像上邊這樣，使用jquery的after方法，這個(gè)p在頁(yè)面顯示成了字符串，怎么才能直接解析出來(lái)？

問(wèn)題解答

利用 $compile

寫(xiě)了個(gè)在線小demo

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

題主的引號(hào)問(wèn)題導(dǎo)致的

this.after('<p style=’position: absolute;’><img src='http://www.leifengta.com.cn/wenda/ + this.src + ' /></p>')

很明顯這里的url少了個(gè)引號(hào)呢、img的src要用引號(hào)包裹、可以加單引號(hào)在兩邊

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

你在頁(yè)面上的字符串也是src沒(méi)引號(hào)