angularjs - Angular JS ヘッダーのクローンを作成しようとしていますが、ディレクティブはクローンで機能しなくなりました

Question

このようなことをしようとすると

    angular.element('.header').addClass('original').clone().insertAfter('.header').addClass('cloned').css('position', 'fixed').css('top', '0').css('margin-top', '0').css('z-index', '500').css('padding-top', '15px').css('padding-bottom', '16px').removeClass('original').hide();
    angular.element('.cloned').show();
    angular.element('.original').css('visibility', 'hidden');
    angular.element('.original').addClass('orginal-header');

そして、スティッキー ヘッダー ソリューション用にヘッダーのクローンを作成しますが、ヘッダーのリンクにあるディレクティブ、つまりポップアップ メニューを開閉するヘルプ リンクが機能しなくなっていることに気付きました。

つまり、ヘッダーにはこれがあります

<div class="dropdown pull-right" dropdown on-toggle="toggled(open)">
        <a class="btn btn-default btn-menu dropdown-toggle" href dropdown-toggle> Help? </a>
        <ul class="dropdown-menu">
          <li><a ui-sref="help">Get Help?</a></li>
          <li><a href open-support-modal>Report an Issue</a></li>
        </ul>
      </div>

コピーされたヘッダーでトリガーされなくなった dropdown-toggle のクリック イベントがあります。

何か案は ？