ionic-framework - ng ディレクティブと属性は、ion-content 内のフッターバーの場合に機能しますが、

Question

私はこれion-footer-barを の中でうまく動作させていion-contentますが、問題は、フッターがあるべきように下にくっついていないことです

<ion-footer-bar class="foot-bar" ng-hide="isKeyboardOpen">
  <button class="button button-block btn-policy ion-ios-arrow-thin-right"
          ng-disabled="(!medsRefundForm.firstSubform.$valid && !MedsRefund.toggleChecked)
            || (MedsRefund.toggleChecked && !medsRefundForm.secondSubform.$valid)"
          ng-click="submit()"></button>
</ion-footer-bar>

したがって、ion-content の外側に配置すると、下にくっつきますが、ng ディレクティブが機能しなくなりました。これは、同じスコープを共有していないためだと思います。

Egghead ビデオとこの解説で説明されているように、データを追加しようとしましたが、うまくいきませんでした。と isKeyboardOpen のdata.*両方に存在するすべての変数にも追加しましたが、問題は解決しませんでした。ion-contention-footer-bar such as

<ion-footer-bar class="foot-bar" ng-hide="data.isKeyboardOpen">
  <button class="button button-block btn-policy ion-ios-arrow-thin-right"
          ng-disabled="(!data.medsRefundForm.firstSubform.$valid && !data.MedsRefund.toggleChecked)
            || (data.MedsRefund.toggleChecked && !data.medsRefundForm.secondSubform.$valid)"
          ng-click="submit()"></button>
</ion-footer-bar>