問題タブ [angularjs-ng-touch]

私はそのようなコントローラを持っています:

next() (ngClick を使用) が 3 回呼び出されると、次のようになります。

//1

//2

//3

しかし、back() (ngSwipeLeft を使用) が呼び出されると、戻ります

//-1

私が明らかに期待しているとき

//2

ここで何が欠けていますか？

更新: ngTouch の詳細を含む - これが問題のようです..ngTouch が含まれています。

myVar の値を見ると、2 回存在するようです。1 つは ngSwipeLeft 呼び出しで、もう 1 つは ngClick 呼び出しで

更新：コードを変更しました（この例に基づいて... http://www.script-tutorials.com/photo-gallery-with-angularjs-and-css3/）、右にスワイプすると機能しますが、左にスワイプすると機能しません ' t

画像ギャラリーのコントローラーを作成し、サムネイルをクリックするとメイン画像が変更されるようにしました。ただし、ng-swipe-leftでスワイプすると、メイン画像も次のサムネイル画像に変わります。メインの画像はスワイプして見えなくなりますが、新しい画像は表示されません。これが私のコントローラーです...

ここに私のhtmlがあります...

更新: user814628 が私を正しい方向に向けてくれてありがとう。単純化されたコードでコントローラーを変更することで機能しました....

Phonegap + AngularJS を使用してアプリを作成しています。画面上の任意の項目に触れると、ScreenReader が 2 回読み上げます。

私はコルドバ+ AngularJS = ngTouchでアンドロイド4.4.2を使用しています。

誰かがこの同じ問題を抱えていますか?

VoiceOver がアクティブな iOS では、すべて正常に動作します。

$ swipe .bind ( ngTouchから) を使用して、コントローラー コンストラクター内でいくつかのイベント ハンドラーを接続する要素があります。

その要素を ngInclude に移動しましたが、ngInclude が Angular によって処理される前にコントローラー コンストラクターが実行されるようになったため、呼び出しは実行時にそのまま$swipe.bind失敗します。$(element_selector)undefined

ngInclude がいつ処理されたかを検出するために使用を調べまし$includeContentLoadedたが、起動するたびにロードされた ngInclude が明確ではないため、安全に使用できることを確認する前に、ロードされたインクルードの数をコードでカウントする必要があります。$swipe.bind、これは堅牢なソリューションとは思えません。

これどうやってするの？

ng-repeat からの li で構築された iScroll 要素を含むディレクティブがあります。

ディレクティブのリンク関数には、このような onClick 関数があります

これはデスクトップでは完全に期待どおりに機能しますが、タッチスクリーン (iPad でのテスト) では openFilm() 関数が呼び出されることはありませんが、要素には ng-click-active クラスが適用されます。

li 要素には他のイベント リスナーがありますが、これらを削除しても違いはありませんでした。それはiScrollと関係があるのでしょうか？

Angular 1.3 を使用しており、ngTouch が追加されています。

1.3を使用すると、このようなものを機能させることができますか

私が試してみると、スワイプだけが発火します

ユーザーが画面の両側にスワイプし始めたとき、つまりユーザーがスワイプを開始したが、まだスワイプを完了していないときに、アニメーション (スワイプが発生している方向に応じて左または右に移動する矢印) を表示したい. このアニメーションは、angular.js スクリプトがスワイプの方向 (左または右) を決定した時点で発生します。

スクリプトがスワイプの動きを分析し、スワイプが行われている方向を理解したら、スワイプが完了するか、ユーザーが画面から指を離すまでアニメーションを再生する必要があります。

スワイプが完了すると、次の画面がユーザーに表示されます。

私は知っng-swipe-leftてng-swipe-rightいますが、スワイプの開始とスワイプの完了の間にアニメーションを表示する方法がわかりません。

これを行う方法？

正常に動作しているはずの 300 ミリ秒の遅延が発生しているハイブリッド Angular アプリがあります (正しいメタ タグが設定されているため)。

FastClickライブラリを使用してこの問題を回避しようとしましたが、iOS の Safari と Android の Firefox で機能しました。しかし、Android の Chrome でも同じ問題が発生します。

Angular ngTouchモジュールを組み込むことでFastClick を置き換えようとしたところ、Chrome での問題のほとんどが解決されました。

ただし、何らかの理由で、すべての入力フィールドが機能しなくなりました。フィールドの CSS が変更されるため、それらをタッチすると認識されますが、データを入力することはできません。入力を長押しすると入力フィールド内にカーソルが表示されますが、モバイル デバイスではキーボードが表示されません。フォームの送信ボタンも機能しなくなりました。

この問題は、モバイル デバイスだけでなく、Chrome 開発ツールを使用してローカルでデバッグする場合にも発生します。

Angular と Angular-touch の両方のバージョン 1.3.15 を使用しています。

使用するログイン フォームの例を次に示します。