angularjs - 再帰指令と無限ループ

Question

AngularJS ディレクティブのコンパイルで、どういうわけか無限ループを作ったようです。
それを修正する方法を教えてください。

プランカー: http://plnkr.co/edit/2mvvCGYYYahOcEnWON9k

コードを読む前に「実行」を押さないでください。ブラウザが応答を停止する可能性があります。

指令コード:

    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>

更新
ネストされたディレクティブの作業コードは、おそらく誰かに役立つでしょう:
https://github.com/MLG/angular-mlg-permission-card