时间:2021-05-28
本文实例讲述了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程序设计有所帮助。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
效果:思路:利用多功能浮动运动框架实现微博效果,首先,将textarea中的属性添加到新创建的li里面然后,再将li添加到ul里面,再利用浮动运动框架将数据动态
调试时巧用console.log(),这比用alert()方便多了。jquery易错点:元素拼接的时候,元素还未添加到DOM,就用该预添加元素操作。ajax动态
AngularJS是一个JavaScript框架。它可以通过标记被添加到HTML页面中。 AngularJS通过指令对HTML属性进行了扩展,然后通过表达
本文实例讲述了JavaScript实现将数组数据添加到Select下拉框的方法。分享给大家供大家参考。具体如下:这里演示将数组中的数据添加到Select下拉菜单
随着业务需要,有时我们需要将数据批量添加到数据库,mybatis提供了将list集合循环添加到数据库的方法。具体实现代码如下:1、mapper层中创建inser