質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

Q&A

0回答

1593閲覧

monacaのons-gesture-detectorについて

yryuu

総合スコア151

AngularJS

AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。

Monaca

「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

0グッド

0クリップ

投稿2017/06/02 11:52

onsenUI2とangularJS1でハイブリットアプリを作っているのですが
ジェスチャーの挙動ではまっています。

ng-repeatでliタグをループしてボタンをタップすると
liタグが回転するというUIを作っているのですが、その回転はうまくいってますが

ジェスチャーで左にスワイプするとliが回転しません。
同一のtapButtonを呼び出していて呼び出されていることも確認しているのですが、
なぜかジェスチャーだけ回転しない状態です
どうしてなのかわかる方教えてください

<ons-page ng-controller="TestController"> <h1 align="center">Animated Circle Menu Demo</h1><div class="jquery-script-ads" align="center"> <ons-gesture-detector ng-swipeleft="tapButton()"> <div class='selector open'> <ul> <li ng-repeat="data in menuData" style="transform: rotate({{data.reg}}deg);"> 回転 </li> </ul> <button ng-click="tapButton()">タップすると回転</button> </div> </ons-gesture-detector> </ons-page>
app.controller('TestController', function($scope, $timeout, $http) { $scope.menuData = [ {"id":"1","reg":"0"}, {"id":"2","reg":"45"},{"id":"3","reg":"90"},{"id":"4","reg":"135"}, {"id":"5","reg":"180"},{"id":"6","reg":"225"},{"id":"7","reg":"270"},{"id":"8","reg":"315"}]; $scope.tapButton = function(){ var deg =(360/$scope.menuData.length); for(var i=0; i<$scope.menuData.length; i++) { $scope.menuData[i].reg=$scope.menuData[i].reg-45; } } });

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問