問題タブ [angularjs-ng-touch]

アプリから jQuery を削除するのに苦労しています。ng-click主な問題:と組み合わせた単純なリンクui-sref:

結果:ng-click発火しますが、発火ui-srefしません。これは、angular-touchを使用し、依存関係およびモバイル ブラウザーとしてjQueryを使用しない場合、または新しい chrome 32 でモバイル デバイスのエミュレーションを使用する場合にのみ発生します (エミュレーション ターゲットとして Nexus 4 を使用しました)。

実行例: http://jsfiddle.net/scheffield/AEfMm/

効果を確認するには:モバイル ブラウザでhttp://jsfiddle.net/scheffield/AEfMm/show

私はすでに少し調査を行っており、イベントオブジェクトが壊れていることがわかりました:

として実装された 2 つの関数だけを含むオブジェクトangular.noopです。

何か案は？

Angular を使用してモバイル Web アプリを構築しています。モバイル デバイスでのクリック イベントを高速化するためにngTouch (angular-touch) モジュールを組み込んでいます。

ngTouchを使用しないアプリは次のとおりです: http://lukasolson.github.io/n-spade-cards/ng-click/

ngTouchを使用したアプリは次のとおりです: http://lukasolson.github.io/n-spade-cards/ng-touch/

iPhone 5 で Safari を使用してテストしています。

ngTouch モジュールがなくても、すべて正常に動作しますが、300 ミリ秒のクリック遅延が発生します。

ただし、ngTouch モジュールを使用すると、画面をタップするたびに、Web アプリは 2 回タップしていると認識し、アプリの機能を台無しにします。

ngTouch モジュールを間違って含めていますか? 複数のクリック イベントが発生するのはなぜですか?

ここで見つけることができる JSFiddle でこれまでに得たものの本当に基本的なバージョンを作成しました: http://jsfiddle.net/hamchapman/a97Yq/5/

これは、JSFiddle が機能しない場合のコードです。

これはかなりハッキングされた方法のように感じられ、完全には機能しないことがわかります。特定のインデックスにある項目の最初のクリック (またはスワイプ) では、アニメーションは発生しません (swipe-left/right クラスは、クリック (またはスワイプ) された場合にのみ適用されるため)。

これは一般的にかなりバグが多く、Angular を使用して行う方法とは思えません。

スワイプの方向 (またはクリックされたボタン) に基づいて異なるアニメーションを実現するより良い方法は何ですか?

モバイル デバイスのアプリケーションで問題が発生します。私はこのようなものを持っています:

これは、メニュー内のリンクの 1 つです。私が欲しいのは、dekstopでうまく機能するのは、メニューを閉じて、href属性から適切なURLにリダイレクトすることです。

これはモバイル デバイスでは機能しません (Chrome devtools のエミュレーターでも)。メニューを切り替えていますが、リダイレクトはありません。

アプリのブートストラップ ファイルの依存関係からモジュールを削除するngTouchと、問題はなくなります。

誰かが同様の状況にあり、すでに解決策を知っていますか? それともngTouchモジュールのバグですか？

デモ

開発ツールでタッチ エミュレーションを有効にし、リンクをクリックします。ご覧のとおりtoggle、リンクが機能していないときに関数が機能しています。

http://plnkr.co/edit/1TldHkHvVfo4OmH7MLk4?p=preview

Angular TouchngTouchでは、タッチ リリース時にクリックが発生します。

タッチスタートでクリックを発生させる方法はありますか?

以下のfast-clickディレクティブは、タッチスクリーンで必要なことを実行しているように見えますが、マウス クリックでは機能しません。

ngRoute を使用するアプリに ngTouch を追加すると動作しないようですが、ngRoute を削除すると動作します...理由がわかりません

そして私のhtml

ng-swipe-right は ngRoute では機能しませんが、それがなくても機能します...

ngTouchを使用して、一部の要素に対して選択的に無効にするにはどうすればよいですか? ngClickつまり、特定の要素については、ngTouch が提供するディレクティブではなく、元のディレクティブを使用したいと考えています。このようなもの：

ng-swipe-right と ng-swipe-left を適用した親要素があります。スワイプ機能はうまく機能します。要素の子要素の 1 つにオーバーフローするコンテンツがあるため、スクロールが自動的に適用されます。しかし、スワイプ機能を適用した後、このスクロールは機能しなくなりました。スワイプを外すと、スクロールが機能します。

親要素にスワイプ機能を持たせる方法と、オーバーフローするコンテンツを持つ子要素にスクロール機能を保持させる方法について、アドバイスをお願いします。

注: スクロール機能を適用するためのプラグインは使用していません。自動的にスクロールします。