2014-09-13 2 views
0

Я новичок в Ионном и хотел бы распознать жесты с помощью пальцев над div, но если я пытаюсь увидеть что-то вроде этого, он не работает в браузере, эмуляторе или в устройствеИонный салфет не распознается

<ion-view title="Charts - days"> 
    <ion-content class="padding"> 
    <h1>dede</h1> 
     <div class="row" on-touch="alert('right');"> 
      <div class="col" on-touch="alert('right');" style="background-color: red;">.col</div> 
     </div> 
     <button on-touch="alert('touch');" class="button">Test</button> 

    </ion-content> 
</ion-view> 

Как я могу решить эту проблему?

Спасибо за любой совет.

ответ

0

Я решил это, переместив действие на контроллер. Вы можете увидеть CodePen here.

<ion-view title="Charts - days"> 
    <ion-content class="padding"> 
    <h1>dede</h1> 
     <div class="row" on-touch="myAlert()"> 
      <div class="col" on-touch="myAlert()" style="background-color: red;">.col</div> 
     </div> 
     <button on-touch="myAlert()" class="button">Test</button>  
    </ion-content> 
</ion-view> 

В сопровождающем файле JavaScript ...

angular.module('ionicApp', ['ionic']) 
.controller('AppCtrl', function($scope,$window) { 
    $scope.myAlert = function() 
    { 
    $window.alert('right'); 
    } 
}); 

Обратите внимание, что инъекционное $ окно не требуется, но это делает модульное тестирование легче вниз по линии.

Смежные вопросы