jquery无法添加用angularjs的directive生成出的模板

我通过angular生成出这样一个模板

app.directive('cookButton',function(){
        return {
            restrict: 'E',
            template: '<section></section>',
            replace: true,
            link: function(scope,element,attrs){
                data.cookdata = data.dataCookArray[data.dataCookArray.length-1];
                element.append(
                    '<div data-id='+cookdata.id+'>'
                        +'<button type="button" class="btn btn-orange btn-lg">'
                            +'<span></span>'
                            +'<section>'+cookdata.name+'<strong>'+cookdata.numgood+'好评</strong></section>'
                        +'</button>'
                        +'<button type="button" class="btn btn-default btn-lg">'
                            +'<span></span>'
                            +'<section>'+cookdata.name+'<strong>'+cookdata.numbad+'差评</strong></section>'
                        +'</button>'

                    +'</div>'
                );
            }
        };
    });

然后我想在一个dom元素中这样做

$('.review_button').append(<cook-button></cook-button>);

结果标签被添加到了dom元素里,但是cook-button却并没有被编译,请问这是为什么,谢谢了。

回复
阅读 2.7k
1 个回答

应该是你在append的时候angular已经做完指令的解析了吧~
既然用了angular,除了指令里面其他地方就不要操作DOM

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏