AngularJS ng-show - 2回、2つの異なる結果

Question

私はangularjs、cordovaとiconicでappを作成しています。 ごみ箱のアイコンは、ユーザーがメインページにいるときにのみ表示する必要があります。

したがって、rootScope.Trashiconがtrueの場合のみアイコンが表示されます。

私のサイドメニューでうまく動作します。しかし、サイドメニューコンテンツの領域では、それは動作しません。私があれば...

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

これは...ゴミ箱アイコンが付いたdiv要素がまだ表示されている変数

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

私rootScopeであると私はなぜ知らないなぜ...それは素晴らしいことだ知りません誰かが私の考えを持っています。

Answer 1

要素を縫い合わせるion-nav-buttonsは、それより上のすべての要素をオーバーライドする独自のスタイルを持っています。

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> 

Answer 2

私はNG-ショー=「1 == 2」それは....あまりにのみサイドメニュー、サイドメニューのコンテンツ領域で

なく動作しますがしようとした場合、NGならば...のdivが表示されます-show = "1 == 2" ... strange