Angularjs使用$compile编译普通html

大爱无疆强

于 2014-03-20 16:15:31 发布

阅读量6.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： AngularJs 文章标签： compile

本文链接：https://blog.youkuaiyun.com/myweishanli/article/details/21628009

AngularJs 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一个AngularJS自定义指令的实现方法，通过使用`element.html`和`$compile`来动态插入HTML结构并编译，使得可以轻松创建复用性强的UI组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

app.directive('mySample', function($compile) {
    return {
        //template:"<input type='text' ng=model='sampleData'/> {{sampleData}} <br/>"
        link: function(scope, element, atts, controller) {
            var markup = "<input type='text' ng=model='sampleData'/> {{sampleData}} <br/>";  
			element.html(markup);
			$compile(element.contents())(scope);
        }
    };
});

重点代码：

element.html(markup);
$compile(element.contents())(scope);