无锡小程序开发_AngularJS自界说指令之复制指令完

发布时间:2021-01-12 11:15 作者:jianzhan

摘要: AngularJS自定命令之拷贝命令完成方式 本文关键详细介绍了AngularJS自定命令之拷贝命令完成方式,融合详细案例方式剖析了AngularJS自定命令完成拷贝作用的有关实际操作方法,必须的朋

AngularJS自定义指令之复制指令实现方法       这篇文章主要介绍了AngularJS自定义指令之复制指令实现方法,结合完整实例形式分析了AngularJS自定义指令实现复制功能的相关操作技巧,需要的朋友可以参考下

本文实例讲述了AngularJS自定义指令之复制指令实现方法。分享给大家供大家参考,具体如下:

 !DOCTYPE html 
 html 
 head 
 meta name="viewport" content="width=device-width, initial-scale=1.0" 
 link rel="stylesheet" href="bootstrap.min.css" rel="external nofollow" 
 script src="jquery.min.js" /script 
 script src="angular.js" /script 
 script src="bootstrap.min.js" /script 
 script type="text/javascript" 
 var app = angular.module('myapp', []);
 app.directive('duplicate', function($rootScope){
 return {
 transclude: 'element',
 replace: true,
 priority: 2,
 link: function(scope, elem, attrs, ctrl, transclude) {
 var times = parseInt(attrs.duplicate);
 var previous = elem;
 var childScope;
 for(var i = 0; i times; i++) {
 childScope = scope.$new();//新建scope的子scope
 childScope.number = i;
 transclude(childScope, function(clone){//transclude将每个childScope与clone关联, 一一对应(一对对)
 // console.log(childScope.$id);
 // console.log(clone.scope().$id)
 previous.after(clone);//在previous与clone拼接再赋值给clone
 previous = clone;
 console.log(scope.childHead.number);//可以看到5个全是scope的子scopeconsole.log(scope.childTail.number);
 console.log(scope == $rootScope)//可以看到此时指令scope就是$rootScope 因为scope:false
 /script 
 /head 
 body ng-app="myapp" 
 input type='text' ng-model='number' duplicate="5" / 
 br/ 
 !--与上面绑定 -- 
 input type="text" ng-model="childHead.number"/ br/ inputtype="text"ng model="childTail.number" / 
 /body 
 /html 

更多关于AngularJS相关内容感兴趣的读者可查看本站专题:《》、《》及《》

希望本文所述对大家AngularJS程序设计有所帮助。


  • 全员电子商务时期打开!

    模拟题目:全体人员电子器件商务接待阶段开启!手机上手机微信公布「小店铺」手机微信微信小程序,每一个人都能自身自己当老板 双十一刚过,早已各种各样电子器件商务接待忙着

  • 家政服务预定微信小程序

    互联网的快速发展趋势发展趋势,给大伙儿的生活起居造成诸多便捷便捷,便于追求完美极致极简易化,现如今年轻一代对家政服务服务服务规定还是越来越越越大,互连网信办息內容

  • 开发设计手机微信微信小

    手机微信微信小程序商城系统系统软件的出现,没什么疑惑是给线下推广营销推广实体线线店造成了新的褔利和自主创业创业商机,在传统式式实体线线店转型发展发展趋势中具备了重

  • 重庆市首例艺术汇聚服务

    为落实贯彻落实重庆市市老百姓政府部门有关深层次推动聪慧大城市基本建设的建议,重庆市市珍贵文物局适用腾迅积极主动推动“文化艺术+高新科技”,搭建重庆市各个各种艺术資源

  • 社交媒体电子商务推动微

    上近期有一个受欢迎话题讨论——把一本人拉出传销和把一本人骗进传销哪个更难?从得票较多的回答看来,基本上都一致偏向了前面一种,嗯,就算在互连网社会发展,传销机构仍然搞