angularJS DOM element() $compile()

最新推荐文章于 2024-09-27 15:27:45 发布

aizhanqian5077

最新推荐文章于 2024-09-27 15:27:45 发布

阅读量113

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zcynine/p/5170359.html

版权

我们可以使用angularJS来动态地添加和删除节点

与jQuery不同的是，html字符串需要经过$compile()方法的编译才能产生html的DOM的node

注意element()方法的使用

//通过$compile动态编译html
var html="<div ng-click='test()'>}</div>";
var template = angular.element(html);
var mobileDialogElement = $compile(template)($scope);
angular.element(document.body).append(mobileDialogElement);
 
// remove移除创建的元素
var closeMobileDialog = function () {
    if (mobileDialogElement) {
        mobileDialogElement.remove();
    }
}