JS機能はイオンアプリでは機能しません

Question

こんにちは、私はイオン性が新しいです。私はアンドロイドビルドを作って、それを私のモバイルデバイス上で走らせましたが、私が直面している問題は、私のタブが私がクリックした私のアプリケーション上で変化していないということです。私は、クラスを削除してから、次のようにタブを表示するJSのイベントがあります

$scope.nonCompletedAction = function(event) { 
    // alert('abc'); 
    $('#' + $('div#actions_tab a.active').attr('data-id')).css('display', 'none'); 
    $('div#actions_tab a.active').removeClass('active'); 

    $('div#actions_tab a[data-id=' + event + ']').addClass('active'); 
    $('#' + event).css('display', 'block'); 
} 

。ここでは、ページである避難所のタブ：

タブページ

<ion-view view-title="Actions"> 
    <ion-content> 
    <div id="key"> 
     <ion-checkbox> 
     <h2 class="ng-binding">Key Test Action</h2> 
     <span class="distance ng-binding"></span> 
     <h3 class="ng-binding">Created : May 12, 2016</h3> 
     <h3 class="ng-binding">Target : May 12, 2016</h3> 
     </ion-checkbox> 
    </div> 

    <div id="important" style="display:none"> 
     <ion-checkbox> 
     <h2 class="ng-binding">Important Test Action</h2> 
     <span class="distance ng-binding"></span> 
     <h3 class="ng-binding">Created : May 12, 2016</h3> 
     <h3 class="ng-binding">Target : May 12, 2016</h3> 
     </ion-checkbox> 
    </div> 

    <div id="additional" style="display:none"> 
     <ion-checkbox> 
     <h2 class="ng-binding">Additional Test Action</h2> 
     <span class="distance ng-binding"></span> 
     <h3 class="ng-binding">Created : May 12, 2016</h3> 
     <h3 class="ng-binding">Target : May 12, 2016</h3> 
     </ion-checkbox> 
    </div> 

    <ion-footer-bar> 
     <div class="tabs-striped tabs-background-positive tabs-color-light"> 
     <div class="tabs" id="actions_tab"> 
      <a class="tab-item active" data-id="key" ng-click="nonCompletedAction('key')"> 
      <i class="icon ion-home"></i> Key 
      </a> 
      <a class="tab-item " data-id="important" ng-click="nonCompletedAction('important')"> 
      <i class="icon ion-star"></i> Important 
      </a> 
      <a class="tab-item " data-id="additional" ng-click="nonCompletedAction('additional')"> 
      <i class="icon ion-gear-a"></i> Additional 
      </a> 
     </div> 
     </div> 
    </ion-footer-bar> 
    </ion-content> 
</ion-view> 

こと私はクロームブラウザを使用してそれを見たときに働いていたが、アプリでは機能していない。私が間違っていることを教えてください。

とHTMLビューをイオンレンダリングしないか、それがアプリ

Answer 1

イオンをデバッグするためにどのような方法は、あなたが実際には、HTMLなどのビューを可能性がレンダリングするネイティブライブラリへの我々のコードに変換し、そこにあるん私がしたいもう一つのことあなたのイオンアプリの中に埋め込まれたWebブラウザと考えることができ、（カメラのような）ネイティブデバイス機能は、cordovaのjavascriptプラグインを介して利用できます。

アンドロイドデバイスでイオンアプリをデバッグするには、アンドロイドデバイスをコンピュータに接続し、USBデバッグが有効になっていることを確認してから、Chromeブラウザから「chrome：// inspect」に移動します実行すると、通常のhtmlページとしてデバッグできるはずです。

https://developer.chrome.com/devtools/docs/remote-debugging