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을 사용하세요

작은 온라인 데모 작성

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

Answer 2

질문 제목의 따옴표 때문입니다

으아악

분명히 여기 URL에는 따옴표가 없습니다. img의 src는 양쪽에 작은 따옴표를 추가할 수 있습니다. 으아악

페이지의 문자열도 따옴표 없이 src입니다