Angularjs：嵌套的ng-repeat冻结浏览器

Question

我一直在使用angularjs并使用嵌套的ng-repeat

循环

我的代码就像

<li ng:repeat="item in data"> // 5 items in data
        {{item.name}} 
         <li ng:repeat="gch in item.totalfamily"> // 10 items in totalFamily 
                      {{gch.name}}
                     </li>
        <ul>
            <li ng:repeat="child in item.children"> //5 items in children
               {{child.name}} has grant-children: 
                <ul>
                     <li ng:repeat="gch in item.totalfamily"> // 10 items in totalFamily 
                      {{gch.name}}
                     </li>
              </ul>
            </li>
           <li ng:repeat="child in item.grandchildren"> //5 items in children
               {{child.name}} has grant-children: 
                <ul>
                     <li ng:repeat="gch in item.totalfamily"> // 10 items in totalFamily 
                      {{gch.name}}
                     </li>
              </ul>
            </li>

        </ul>
    </li>

这段代码的问题是它冻结浏览器几秒钟。

有人可以指导我的错误。因为在JS中，如果循环需要时间，我们将它们置于set-timeout中，因此它不会冻结浏览器。但如何在ng-repeat中执行此操作

任何帮助将不胜感激。