angularjs – Angular.js $compile返回html数组但不返回实际的html

前端之家收集整理的这篇文章主要介绍了angularjs – Angular.js $compile返回html数组但不返回实际的html前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下代码
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);

猜你在找的Angularjs相关文章