如何修复“10 $ digest（）迭代到达。中止！“Angular 1.5组件中的错误？

Question

我正在以递归方式编写一个角度组件，以将json显示为树。 工作，但Aborts显示＆＃34;错误：[$ rootScope：infdig] 10 $ digest（）迭代已达到。中止！ 观察者在过去的5次迭代中被解雇了＃34;

组件模板：

jsonTree.html：（递归）

<span>{{$ctrl.key}}</span>
<span ng-if="!$ctrl.isExpandable">{{$ctrl.value}}</span>
<ul ng-if="$ctrl.isExpandable">
  <li ng-repeat="(subkey,subval) in $ctrl.value">
    <json-tree key="subkey" value="subval"></json-tree>
  </li>
</ul>

组件JS：

myModule.component ('jsonTree',
    bindings: {key:"<",value:"<"}
    templateUrl: "jsonTree.html");