Ion Navigation Button 无法控制 Div ng-show

【问题标题】：Ion Navigation Button cannot control Div ng-showIon Navigation Button 无法控制 Div ng-show
【发布时间】：2016-05-26 05:45:06
【问题描述】：

目前我在点击 ion-nav-buttons 时面临显示 div 的问题。下面是代码。

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

【问题讨论】：

标签： ionic-framework angularjs-ng-show

【解决方案1】：

您将触发器（按钮）和要触发的元素（离子内容）放在不同的范围内。 ion-nav-buttons 和 ion-content 是指令，它们有自己的范围，因此您无法控制超出范围的 ng-show。

对于一个解决方案，您需要在一个范围内设置和更改 inputShow 变量，并且取决于您是否在同一控制器下拥有导航按钮和内容，它将立即工作或者您需要广播/发出变化。始终可以选择在 rootScope 中绑定 inputShow，但这不是最佳解决方案。

【讨论】：