Javascript 如何修复&x201C；已达到10$digest（）迭代次数。流产”；角度1.5分量中的错误？

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

组件模板：

jsonTree.html:（递归）

{{$ctrl.key}
{{$ctrl.value}

组件JS:

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

myModule.component（'jsonTree'，
绑定：{key:“您可能需要检查得到infdigestloop错误的基本原因是，模板编译器看到模板中的指令并执行“哦，让我也编译该模板”，然后再次尝试编译该模板并执行“哦，另一个指令，让我也编译它的模板”“一遍又一遍。谢谢……现在我明白了问题所在……那么，你是说在这种递归用例中使用指令而不是组件吗？？？请参阅
myModule.component ('jsonTree',
    bindings: {key:"<",value:"<"}
    templateUrl: "jsonTree.html");