22.调用element方法控制dom元素

<!DOCTYPE html><html ng-app="a101"><head lang="en">    <meta charset="UTF-8">    <title>T75-调用element方法控制dom元素</title>    <script src="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>---------------------------------------------------------------------------------效果图：

转载于:https://www.cnblogs.com/mx2036/p/6781445.html

22.调用element方法控制dom元素相关推荐

使用Vue里面的ref 控制DOM元素的样式marginleft，marginLeft的只是变化了，但是视图没有变化，求解答
使用Vue里面的ref 控制DOM元素的样式marginleft,marginLeft的只是变化了,但是视图没有变化,求解答 <template><div><div cl ...
22.调用delay()方法延时执行动画效果
delay()方法的功能是设置一个延时值来推迟动画效果的执行,它的调用格式为: $(selector).delay(duration) 其中参数duration为延时值,它的单位是毫秒,当超过延时值时 ...
获取DOM元素方法小结
在开发中不可避免的需要操作DOM,现在就来总结一下原生的获取DOM的API. getElementById() 该方法是最常用的通过元素的id属性来获取DOM元素的API,返回一个DOM元素. < ...
获取DOM元素后，对NodeList的遍历的几种方法
在使用原生方法或者jquery方法获取DOM元素后,想像正常使用数组的方法对其遍历时,发现一些数组的遍历方法使用不了,如map ,push , pop等方法.使用后报错:.map is not a f ...
在指定的查找范围内获取DOM元素
在指定的查找范围内获取DOM元素 (1)功能描述定义两个全局变量,其$objTmp0通过$(expression,[context])方法获取DOM元素div0,另外一个变量$objTmp1通过$( ...
【面试必备】javascript操作DOM元素
前言时间过的真快,不知不觉就到年底了.问问自己,这一年你对自己的工作满意吗? 评价标准是什么呢?当然是马云的那两条准则了:钱给到了吗?干的爽吗?如果答案都是no,那么,你准备好跳槽了吗? 为了应对年 ...
jQuery学习笔记（二）—— 操作DOM元素
使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值. 例如,使用a ...
Angular学习笔记64：使用Render2安全操作DOM元素
在项目中有时候需要直接操作DOM,但是这样直接访问 DOM 会导致应用很容易受到在 XSS 攻击.所以并不建议直接访问 DOM. 在Angular 访问DOM 需要使用 Render2 来实现自定义渲 ...
JS-DOM ～ 03. 子节点的操作、style.样式和属性、dom元素的创建方法及操作、14个例题、主要是利用js直接控制html属性...
带有Element和不带的区别 a) 带Element的获取的是元素节点 b) 不带可能获取文本节点和属性节点获取所以子节点 a) . childNodes b) . children ...

22.调用element方法控制dom元素

22.调用element方法控制dom元素相关推荐

最新文章

热门文章