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

被折叠的 条评论
为什么被折叠?



