首页 > 代码库 > 关于angular中函数的先后执行之我见（以及angular的小bug）
关于angular中函数的先后执行之我见（以及angular的小bug）
在js中，函数的先后执行
（1）在angular中假设有这个场景，对表单资料进行编辑，刚好这个表单有select选项需要从后台中获取，这个时候这个表单使用angular进行开发的时候的正确打开方式应该是
先加载select选项，在加载表单的对应内容（由于http是异步的，并不是单纯的把js顺序调整一下就可以的）
这时候可以使用angular自带的$q返回promise来控制函数运行，
如果函数中没有其他的异步，简单粗暴的使用$timeout来控制
（2）input【type=hidden】使用ng-model无法赋值中这个bug，可以套个div把东西隐藏 type设为别的值，后者任何隐藏他的方法。
（3）在查阅资料的时候发现了大家另一种的判断list加载到最后一条的方案
angular中判断 ng-repeat是否迭代完毕。
by：古德God http://www.cnblogs.com/wangmeijian/p/5141266.html
//方法一
$scope.data =http://www.mamicode.com/ [ { str: ‘a‘ }, { str: ‘b‘ }, { str: ‘c‘ }]//自定义指令repeatFinish app.directive(‘repeatFinish‘,function(){ return { link: function(scope,element,attr){ console.log(scope.$index) if(scope.$last == true){ console.log(‘ng-repeat执行完毕‘) } } }})<div id="box"> <span ng-repeat="item in data" repeat-finish>{{item.str}}</span> //小驼峰，repeatFinish ,用 - 隔开，repeat-finish </div>
<div id="box"> <span ng-repeat="item in data" repeat-finish＝"renderFinish()">{{item.str}}</span></div>再通过指令的attr参数获取这个处理函数复制代码app.directive(‘repeatFinish‘,function(){ return { link: function(scope,element,attr){ console.log(scope.$index) if(scope.$last == true){ console.log(‘ng-repeat执行完毕‘) scope.$eval( attr.repeatFinish ) } } }})//controller里对应的处理函数$scope.renderFinish = function(){ console.log(‘渲染完之后的操作‘)}app.directive(‘repeatFinish‘,function(){ return { link: function(scope,element,attr){ console.log(scope.$index) if(scope.$last == true){ console.log(‘ng-repeat执行完毕‘) //向父控制器传递事件 scope.$emit(‘to-parent‘); //向子控制器传递事件 scope.$broadcast(‘to-child‘); } } }})//父控制器中监听事件$scope.$on(‘to-parent‘,function(){ //父控制器执行操作})//子控制器中监听事件$scope.$on(‘to-child‘,function(){ //子控制器执行操作})复制代码
关于angular中函数的先后执行之我见（以及angular的小bug）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。