AngularJS ng顯示 - 2次，2個不同的結果

我正在創建一個應用程序與angularjs，科爾多瓦和標誌性。我有一個垃圾圖標，只有當用戶在主頁面時纔會顯示垃圾圖標。AngularJS ng顯示 - 2次，2個不同的結果

因此，我只會顯示圖標，只能在rootScope.Trashicon中顯示。

它在我的sidemenu工作正常。但是在側面菜單內容區域它不起作用。我不知道爲什麼......

<ion-side-menus ng-controller="MainController" ng-init="getListTitle()"> 
     <ion-side-menu side = "left"> <!-- expose-aside-when DELETE IT !!!!!! --> 
      <header><img src="img/todo_today_logo_small.png"></header> 
      <div id="sideContent" class="item item-divider">ToDo Liste: 
       <p>     
        > <a menu-close href="#/todo">{{sideMenuListTitle}}</a> 
       </p> 
       <div ng-show="Trashicon">test</div> 
       <h3></h3> 
      </div> 
      <div> 
       <ul> 
        <li><a menu-close href="#/impressum">Impressum</a></li> 
        <li><a menu-close href="#/datenschutzerklaerung">Datenschutzerklärung</a></li> 
       </ul> 
      </div> 
     </ion-side-menu> 

     <ion-side-menu-content> 
      <ion-nav-bar class="custom-dark" align-title="center"> 
       <ion-nav-buttons side="left"> 


    <!-- Toggle left side menu --> 
    <button menu-toggle="left" class="button button-icon icon ion-navicon light"></button> 
    </ion-nav-buttons> 
       <div ng-show="Trashicon"> 
        <ion-nav-buttons side="right"> 
        <button ng-click="deleteProducts()" class="button button-icon ion-ios-trash-outline pull-right light"></button> 
       </ion-nav-buttons> 
       </div>     
     <ion-nav-title></ion-nav-title> 
    </ion-nav-bar> 
      <div ng-view="" class="container"></div> 
     </ion-side-menu-content> 
    </ion-side-menus>

這是我rootScope可變

.controller('MainController', function ($scope, $ionicPopup, $rootScope) { 
      $rootScope.Trashicon = false;

與垃圾桶圖標的DIV仍然可見..我不知道爲什麼......這將是巨大的，如果有人對我有一個想法。

來源

2016-11-25 Torben G

它接縫的元素離子導航按鈕有自己的樣式，它覆蓋了它上面的所有元素。

如果您將ng-show更靠近按鈕，您將擁有更好的控制權。

即代替

<div ng-show="Trashicon"> 
    <ion-nav-buttons side="right"> 
     <button ng-click="deleteProducts()" class="button button-icon ion-ios-trash-outline pull-right light"></button> 
    </ion-nav-buttons> 
</div>

做到這一點

<div> 
    <ion-nav-buttons side="right"> 
     <button ng-show="Trashicon" ng-click="deleteProducts()" class="button button-icon ion-ios-trash-outline pull-right light"></button> 
    </ion-nav-buttons> 
</div>

來源

2016-11-25 10:01:58

它的工作原理!!!!非常感謝Tseliso :) –

很高興我能幫助:)不要忘記接受答案！ –

你是什麼意思？ –

，如果我嘗試NG秀=「1 == 2」將在側邊菜單太只工作....側邊菜單內容區域

，而不是..那麼div會顯示，如果NG奇怪的

來源

2016-11-25 09:23:07

AngularJS ng顯示 - 2次，2個不同的結果

回答

相關問題