js 重新加载html代码,如何以编程方式更改HTML后重新加载js模块？

我是AngularJS的新用户，而我正在使用AngularJS制作滑块 tag this sample

我想在点击按钮后向HTML添加另一个滑块。

这是我更改HTML部分的方式

Click here for Hipster Ipsum.

Add slider Slider

我的Javasciprt代码现在看起来像这样

angular.module('angularSlideables', [])

.directive('slideable', function () {

return {

restrict:'C',

compile: function (element, attr) {

// wrap tag

var contents = element.html();

element.html('

');

return function postLink(scope, element, attrs) {

// default properties

attrs.duration = (!attrs.duration) ? '1s' : attrs.duration;

attrs.easing = (!attrs.easing) ? 'ease-in-out' : attrs.easing;

element.css({

'overflow': 'hidden',

'height': '0px',

'transitionProperty': 'height',

'transitionDuration': attrs.duration,

'transitionTimingFunction': attrs.easing

});

};

}

};

})

.directive('slideToggle', function() {

return {

restrict: 'A',

link: function(scope, element, attrs) {

var target = document.querySelector(attrs.slideToggle);

attrs.expanded = false;

element.bind('click', function() {

var content = target.querySelector('.slideable_content');

if(!attrs.expanded) {

content.style.border = '1px solid rgba(0,0,0,0)';

var y = content.clientHeight;

content.style.border = 0;

target.style.height = y + 'px';

} else {

target.style.height = '0px';

}

attrs.expanded = !attrs.expanded;

});

}

}

});

function goAdd() {

var ht="

Another Slider

";

document.getElementById('slideholder').innerHTML=ht;

}

虽然我制作了确切的代码，但我的滑块无法正常工作。我认为这是因为我添加更多HTML代码后模块无法重新加载。所以我的问题是如何在点击按钮后重新加载javascript模块？

如果它有任何区别，我将在我的Cordova项目中使用此代码来使用ionic安卓应用。

谢谢