ANGULARJS 动态编译添加到dom中

在使用angularjs 时，希望通过动态构建angular模版，再通过angular进行展示。

使用方法如下：

<html ng-app="app"><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><script src="assets/angular.min.js"></script><script src="assets/js/jquery.min.js"></script><script src="assets/js/handlebars.min.js"></script><script src="assets/Handlebars.helper.js"></script><script >var app=angular.module("app",[]);app.controller('ctrl', ['$scope','$compile',function($scope,$compile){$scope.userName='RAY';$scope.test = function test(){console.log('你好:' +$scope.userName);}//通过$compile动态编译htmlvar html="<button ng-click='test()'>{{userName}}</button>";var template = angular.element(html);var mobileDialogElement = $compile(template)($scope);angular.element(document.body).append(mobileDialogElement);}]);</script>
</head><body  ng-controller="ctrl"></body>
</html>

var html="<button ng-click='test()'>{{userName}}</button>";

这种代码就是angular模版，通过angularjs的编译器进行编译，就能够访问到angular scope中的对象数据。

转载于:https://www.cnblogs.com/yg_zhang/p/4799627.html

ANGULARJS 动态编译添加到dom中相关推荐

动态编译入门（gradle Transform Demo）
概述现在市面上的插件化框架,热修复框架几乎都使用了动态编译技术. 动态编译的实质是,使用gradle transform api,在项目构建过程的class文件转成dex文件之前,通过自定义插件,进 ...
在html中怎么插入动态图片,如何在gif中插入图片动态图片某1帧插入图片并控制显示时间|动态图片中插入图片...
大家还记得我以前的一个教程嘛?就是如何在视频中插入图片并控制其显示时间,有印象的话就太棒了,没印象的或就点击上边的文字自己做一下功课吧!! 今天的教程内容和上边所讲到的教程有点相似,都是插入图片,但是 ...
让C#语言充当自身脚本！——.NET中的动态编译
本文版权归博客园Allan.所有!此处纯粹收藏,如有再转,请按如下方式显式标明文章作者及出处,以示尊重!!! 作者:Allan. 原文题目:.NET中的动态编译原文出处:http://www.cnb ...
vue给html动态添加属性,Vue中怎么动态添加类名？
能够向组件添加动态类名是非常强大的功能.它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体. 添加动态类名与在组件中添加 prop :class=" ...
DOM中的动态NodeList与静态NodeList
GitHub版本: https://github.com/cncounter/translation/blob/master/tiemao_2014/NodeList/NodeList.md 副标题: ...
vue动态添加/删除dom元素
vue的思想是通过数据操作dom,所以我们根据data中的数据进行对dom的遍历,从而操作数据就可以对vue进行一个动态的添加或者删除啦! <template><div>< ...
向html中追加内容,将数据内容动态添加到HTML中
// 申明一个数组用来装遍历的元素 var li = []; //遍历元素并加载到标签中 for(var i = 0; i var nav_li = ' '+navGroup.self_first_n ...
jq 在元素中追加html代码,jquery添加html代码，怎样动态的添加一条html代码?
下面的文章内容要给大家介绍的就是jquery动态的添加html代码的内容,那么你知道应该如何添加吗?一起来看看方式吧. 添加新bai内容的4个jquery方法,分别是append() - 在被bai选 ...
Eval.cs的改进版动态编译类，可以计算表达式，也可以调用系统中的类
Eval.cs的改进版动态编译类,可以计算表达式,也可以调用系统中的类 /* 动态编译类,可以计算表达式,也可以调用系统中的类调用方式: return new XXXXXXX.Eval() ...
如何html中添加动态图片,把动态图片添加到视频画面中视频添加自定义动态图片视频加动态logo...
我前面也编写过关于视频添加动态图片的教程.前面所说的给是视频添加的动态图片是软件中自带的素材,虽然软件中带的动态图片种类繁多,但是不外乎有些时候软件中并没有我们要用的动态图片,这个时候我们就需要重外部 ...

ANGULARJS 动态编译添加到dom中

ANGULARJS 动态编译添加到dom中相关推荐

最新文章

热门文章