我有以下代码:
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/>"; angular.element(element).html($compile(markup)(scope)); console.log($compile(markup)(scope)); } }; });
而且我希望它能够产生一个输入,一些通过范围和中断耦合的跨度.但是我得到了这个输出:
[[object HTMLInputElement],[object HTMLSpanElement],[object HTMLBRElement]]
我也尝试了模板,在这里单独评论,然后评论链接部分.这会生成输入和中断元素,但不会生成显示耦合模型输入sampleData的跨度.
我在http://jsfiddle.net/KvdM/nwbsT/有一个非工作样本来演示它.
试试这个:
element.html(markup); $compile(element.contents())(scope);