加载多次的离子导航栏按钮

时间:2015-12-29 14:50:05

标签: javascript angularjs cordova ionic

我遇到此问题,<ion-nav-buttons>标记中的项目被多次加载。

这是对我所看到的内容的简化,但它应该是对问题的描述。

我为我的申请做了一个简单的指示。它唯一能做的就是将一些代码打印到控制台,让我知道它已经加载了:

(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>

当我在这里有指令时,它正在记录&#34; LOAD THIS&#34;两次到控制台:

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

但是当我把它移到这里时,它只记录&#34;加载它&#34;一旦:

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

有没有人遇到过这个?我想也许我多次调用控制器或视图或其他东西,但这很奇怪。

0 个答案:

没有答案