離子導航按鈕無法控制分屏顯示

Question

目前我遇到了顯示div時出現的問題，只要點擊ion-nav-buttons。 以下是編碼。

<ion-nav-buttons side="secondary"> 
     <button class="sec_button_text button button-icon" style="font-weight:600" ng-click="inputShow = !inputShow">Search</button> 
    </ion-nav-buttons> 
    <ion-content style="margin-top:5px;"> 
     <div style="padding: 10px;" ng-show="inputShow"> 
      <input id="searchInput" type="text" placeholder="Search" ng-model="search"> 
     </div> 
    </ion-content> 

Answer 1

您將觸發器（按鈕）和要觸發的元素（離子內容）放置在不同的作用域中。 ion-nav-buttons和ion-content是指令，它們有自己的範圍，因此您無法控制ng-show超出範圍。

對於一個解決方案，您需要在一個範圍內設置和更改inputShow變量，並根據您在相同控制器下的導航按鈕和內容，它將立即工作，或者您需要廣播/發射改變。始終可以選擇在rootScope中綁定inputShow，但這不是最佳解決方案。