Функция JS не работает в ионном приложении

Question

Здравствуйте, ребята, я новичок в ионной. Я сделал сборку android и запускал ее на своем мобильном устройстве, но проблема, с которой я столкнулся, заключается в том, что мои вкладки не меняются в приложении, которое я нажимаю на них. У меня есть событие 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'); 
} 

и вот страница, которая пристанищем вкладки:

Tab Page

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

Это работал, когда я просматривал его с помощью браузера Chrome, но в приложении он не работает. Скажите, пожалуйста, что я делаю неправильно.

, и я хотел бы еще одну вещи, что делает ионным делает вид на HTML или это преобразовать наш код в родные библиотеки, и есть ли способ отладки АРР,

Answer 1

Ионные выход дает представление как HTML, на самом деле вы могли бы подумайте об этом как о встроенном веб-браузере внутри вашего ионного приложения, а встроенные функции устройства (например, камера) доступны вам через плагины java-скриптов cordova.

Чтобы отладить ваше ионное приложение на устройстве Android, подключите устройство Android к компьютеру и убедитесь, что отладка USB включена, а затем перейдите к «chrome: // inspect» из вашего браузера Chrome, в то время как приложение вы можете отлаживать его как обычную страницу html.

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