本文实例讲述了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动态编译html
var 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中的对象数据。
以上就是AngularJS实现动态编译添加到dom中的方法的内容，更多相关内容请关注PHP中文网（www.php.cn）！
相关文章：
Apa yang perlu dilakukan jika pemapar foto windows kehabisan memori
ppt ke perkataan
Cara membuat carta dan carta analisis data dalam PPT
Cara menyediakan Douyin untuk menghalang semua orang daripada melihat hasil kerja
Berapakah Dimensity 8200 bersamaan dengan Snapdragon?
pertukaran mata wang
Model telefon mudah alih manakah yang disokong oleh Hongmeng OS 3.0?
Berapakah nilai satu Bitcoin dalam RMB?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
