首页 > 代码库 > 调用element方法控制dom元素
调用element方法控制dom元素
<!DOCTYPE html>
<html ng-app="a101">
<head lang="en">
<meta charset="UTF-8">
<title>T75-调用element方法控制dom元素</title>
<script src="http://www.mamicode.com/js/angular.js" type="text/javascript"></script>
</head>
<body>
<div ng-controller="c101" class="frame" id="control">
<button ng-click="add()">添加元素</button>
<button ng-click="del()">删除元素</button>
</div>
</body>
<script type="text/javascript">
var app = angular.module("a101", []);
app.controller("c101", function ($scope, $compile) {
$scope.hello = ‘hello,angular!‘;
$scope.log = function () {
console.log(‘这是动态添加的方法!‘);
};
var html = "<div ng-click=‘log()‘>{{hello}}</div>";
var template = angular.element(html);
var newHtml = $compile(template)($scope);//编译
$scope.add = function () {
angular.element(
document.getElementById("control")).append(newHtml);
};
$scope.del = function () {
if (newHtml) {
newHtml.remove();
}
}
});
</script>
</html>
调用element方法控制dom元素
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。