主要Javascript不要在AngularJs

Question

我试图获得这个javascript函数：

$(".panel-header .panel-toggle").click(function (event) {
    event.preventDefault();
    $(this).toggleClass("closed").parents(".panel:first").find(".panel-content").slideToggle();
});

处理html我已通过指令

加载

.directive('ngaddslide', function() {
    return {
        restrict:'E',
        scope: {'val': '@'},
        templateUrl:'template/portlet.html',
    }
});

然后我在我的控制器中编译它

var html = "<ngaddslide></ngaddslide>";
var target = $('#element');
target.append(html);
html = $compile($('#element'))($scope)

问题是，即使javascript在原始DOM中运行良好并且模板在页面中加载，js也不适用于新的html。

有没有办法让javascript适用于添加的html？

THX