Javascript 离子导航条按钮多次加载

我遇到这个问题，放置在

标记中的项目被多次加载

这是我所看到的东西的简化，但它应该是对问题的描述

我为我的申请做了一个简单的指示。它所做的唯一一件事就是向控制台打印一些代码，让我知道它已加载：

(function(){
    'use strict';

    angular
        .module('opeapp')
            .directive('tester', tester);

    tester.$inject = [
  ];

    function tester($rootScope, $compile)
  {
        return {
            restrict: 'E',
      link: link,
      scope: true,
        };

    function link(scope)
    {
      console.log('LOAD THIS');
    }
    }
})();

然后我有一些HTML，看起来像这样：

<ion-side-menus enable-menu-with-back-views="true">
  <ion-side-menu-content drag-content="false">
    <ion-nav-bar class="bar-clear">
      <ion-nav-back-button></ion-nav-back-button>
      <ion-header-bar class="bar-clear">
        <img ng-src="img/text_white.png" style="width: 100px; height: 12px; margin: auto;">
      </ion-header-bar>
      <ion-nav-buttons side="right">
        <tester></tester> //<--- *** THIS IS WHERE THE ISSUE IS HAPPENING
      </ion-nav-buttons>
    </ion-nav-bar>

    <!-- MAIN CONTENT -->
    <ion-nav-view name="mainContent"></ion-nav-view>
  </ion-side-menu-content>

  <!-- SIDE MENU -->
  <ion-side-menu side="right">
        <ion-nav-view name="sideMenu"></ion-nav-view>
  </ion-side-menu>
</ion-side-menus>

//

当我在这里看到指令时，它会将“loadthis”记录两次到控制台：

      <ion-nav-buttons side="right">
        <tester></tester> //<--- sample directive inserted here
      </ion-nav-buttons>

//我也有类似的问题。试着给type=“button”@the_mahasagar我把指令改成了A，结果是一样的。你对此做了什么？不知道它是否有用，但试试看。。！交付您的想法将帮助我让动作正常工作，这很好-我可以让按钮动作正常工作。但令我担心的是，指令加载了两次。那里有一个潜在的内存泄漏，我想补充一下。谢谢你的建议。
      <ion-nav-buttons side="right">
      </ion-nav-buttons>
        <tester></tester> //<--- sample directive inserted here