2016-05-26 2 views
1

現在、私はion-nav-buttonsをクリックした後にdivを表示する際の問題に直面しています。 以下はコーディングです。イオンナビゲーションボタンはDiv ng-showを制御できません

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

答えて

0

トリガ(ボタン)とトリガする要素(イオン含有量)を別々のスコープに配置しています。 ion-nav-buttonsおよびion-contentはディレクティブであり、独自の有効範囲を持つため、ng-showをスコープ外から制御することはできません。

解決策として、範囲内のinputShow変数を設定および変更する必要があります。また、同じコントローラの下にナビゲーションボタンとコンテンツがある場合、すぐに機能するか、ブロードキャスト/エミットする必要があります変化。 rootScopeにはinputShowをバインドするオプションが常にありますが、それは最善の解決策ではありません。

関連する問題