Angularjs 递归指令与无限循环

看起来我在AngularJS指令编译中不知怎么做了一个无限循环。
请帮我找出如何解决这个问题

普朗克：

在阅读代码之前不要按“Run”，浏览器可能会停止响应

指令代码：

    directive(
  'mlgPermissionCard', function() {
    return {
      templateUrl: 'mlgPermissionCard.html',
      restrict:    'AE',
      scope:       {
        branch: '=mlgPermissionCard'
      }
    };
  })

模板：

<div>
    <div class="pull-right"><span class="glyphicon glyphicon-cog"></span></div>
    <div>{{ branch.name }}</div>
    <div class="list-group">
        <div class="list-group-item" ng-repeat="child in branch.children">-->
            <div mlg-permission-card="child"></div>
        </div>
    </div>
</div>

{{branch.name}
-->

更新
嵌套指令的工作代码，可能对某些人有用：

---

我认为您遇到了一些角度编译/链接问题，因为您在指令内部递归使用该指令

相反，如果您在post link函数中手动组装模板，它将起作用

这是你的工作叉。

---

我认为您遇到了一些角度编译/链接问题，因为您在指令内部递归使用该指令

相反，如果您在post link函数中手动组装模板，它将起作用

这是你的工作叉。

您的回答和这句话有助于解决问题。谢谢。你们的回答和这本书对解决这个问题很有帮助。谢谢