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个不同的结果

回答

相关问题