AngularJS ng-show - 2 번, 다른 결과

Question

나는 angularjs, cordova 및 iconic으로 앱을 만들고 있습니다. 사용자가 메인 페이지에있을 때만 표시되어야하는 휴지통 아이콘이 있습니다.

그래서 나는 rootScope.Trashicon이 참일 때만 아이콘을 보여줄 것입니다.

내 옆줄에서 잘 작동합니다. 그러나 사이드 메뉴 콘텐츠 영역에서는 작동하지 않습니다. 나는이 여전히

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

휴지통 아이콘이있는 DIV되어 보이는 변수 내 rootScope이

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

입니다 ... 이유는 잘 모릅니다 .. 그리고 난이 경우 좋은 것 ... 이유는 잘 모릅니다 누군가 나에 대한 아이디어를 가지고있다.

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-쇼를하려고하면 =이 .... 너무 사이드 메뉴에서만 사이드 메뉴 내용 영역에

하지 작동합니다 "2 1 ==는".. 사업부가 NG 경우 표시됩니다 -show = "1 == 2"... 이상한