本文实例讲述了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）！
相关文章：
Que faire si la visionneuse de photos Windows manque de mémoire
ppt en mot
Comment créer des graphiques et des graphiques d'analyse de données en PPT
Comment configurer Douyin pour empêcher tout le monde de voir l'œuvre
À quel point le Dimensity 8200 est-il égal à Snapdragon ?
échange de devises
Quels modèles de téléphones mobiles Hongmeng OS 3.0 prend-il en charge ?
Combien vaut un Bitcoin en RMB ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
