angularjs – Angular.js观察函数调用的结果

发布时间：2020-12-17 17:44:53 所属栏目：安全来源：网络整理

导读：以下代码段是否有任何表面上的问题： ul id="entry-name" class="breadcrumb" li ng-repeat="dir in pathElements()" class="active" span ng-show="!$last" nbsp;a href="#!?path={{dir.url}}"{{ dir.name }}/anbsp;span ng-show="!$first" class="dividier

以下代码段是否有任何表面上的问题：

<ul id="entry-name" class="breadcrumb">
      <li ng-repeat="dir in pathElements()" class="active">
          <span ng-show="!$last">
              &nbsp;<a href="#!?path={{dir.url}}">{{ dir.name }}</a>&nbsp;<span ng-show="!$first" class="dividier">/</span> 
          </span>
      </li>
      <li class="active">{{ pathElements()[pathElements().length - 1].name }}</li>
  </ul>

用这个js：

$scope.pathElements = function() {
      var retval = [];
      var arr = $scope.currentPath().split('/');
      if (arr[0] == '') {
          arr[0] = '/';
      }

      var url = "/";
      retval.push({name: arr[0],url: url});
      for (var i = 1; i < arr.length; ++i) {
          if (arr[i] != '') {
              url += arr[i] + '/';
              retval.push({name: arr[i],url: url});
          }
      }
      return retval;
  };

这似乎导致了“错误：10 $digest()迭代达到了.中止！”错误,但我不确定为什么.是因为pathElements()每次都返回一个新数组吗？有办法解决这个问题吗？

解决方法

是的,这是因为你每次都返回一个新的数组,$digest循环无限循环(但是Angular会停止它).你应该在函数之外声明它.

$scope.pathArray = [];
$scope.pathElements = function() {
  // retval becomes $scope.pathArray
  if (weNeedToRecalcAllPathVariables) {
    $scope.pathArray.length = 0;
    // ...
  }

  // ...
}

我们使用$scope.pathArray.length = 0而不是创建一个新的,以避免它连续触发.

您还应该考虑@Flek建议的内容.在您需要重新计算时,只调用此函数一次.所有你绑定的应该直接在$scope.pathArray上.

如果你确实需要一个函数来测试它的清洁状态,那么至少我建议你创建两个独立的函数,只是为了让每个函数都有自己的属性.

（编辑：李大同）

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