加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

模型绑定或ng-repeat完成时的AngularJS事件?

发布时间:2020-12-17 07:52:28 所属栏目:安全 来源:网络整理
导读:我们有一个大型模型,ng-repeat需要几秒钟才能将模型中的所有项目绑定到表单.我们希望在发生这种情况时展示一个微调器.绑定完成时是否会触发某些事件,因此我们知道何时隐藏微调器? 普兰克: http://plnkr.co/edit/GzzTW4?p=preview 在微调器上使用ng-show如
我们有一个大型模型,ng-repeat需要几秒钟才能将模型中的所有项目绑定到表单.我们希望在发生这种情况时展示一个微调器.绑定完成时是否会触发某些事件,因此我们知道何时隐藏微调器?
普兰克: http://plnkr.co/edit/GzzTW4?p=preview

在微调器上使用ng-show如果使用1.2,请使用ng-if

<div ng-controller="Ctrl">
    <div ng-show="complete">Complete={{complete}}</div>
    <div class="thing" ng-repeat="thing in things" my-post-repeat-directive>
       thing {{thing}}
   </div>
</div>

在你的指令中使用$last来确定渲染是否完成,然后更改你定义了ng-show / ngif的变量.

function Ctrl($scope) {
  $scope.complete=false;  
  $scope.doComplete = function() {
      $scope.complete = true;
  }

  $scope.things = [
    'A','B','C'
  ];
}

angular.module('myApp',[])
  .directive('myPostRepeatDirective',function() {
    return function(scope,element,attrs) {
      if (scope.$last) {
        scope.$eval('doComplete()');
      }
    };
  });

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读