Wie fastClick + AngularJS für iPad

Gibt es eine Verzögerung beim klicken mit ng-click auf dem iPad mit AngularJS
Ich habe die generate-Direktive muss ich schreiben,

my_app.directive 'touch', ->
  (scope, e, attr) ->
    e.fastClick (e) ->
      scope.$apply attr.fastClick

Weiß aber nicht, was fastClick ist, obwohl ich habe es in meiner Anwendung.
Ich würde denken, es muss erstellt werden, als Dienst, und dann injiziert in meine Richtlinie,
aber wie?

In den aktuellen Versionen von AngularJS (1.2 oder höher), die beste Lösung ist, fügen Sie das offizielle ngTouch-Modul.

InformationsquelleAutor Andrew WC Brown | 2013-02-03

  1. 15

    Nur für den Fall jemand anderes findet diese, wer keine Kaffee-Skript, hier ist die Umwandlung

     app.directive("ngTap", function() {
  return function($scope, $element, $attributes) {
    var tapped;
    tapped = false;
    $element.bind("click", function() {
      if (!tapped) {
        return $scope.$apply($attributes["ngTap"]);
      }
    });
    $element.bind("touchstart", function(event) {
      return tapped = true;
    });
    $element.bind("touchmove", function(event) {
      tapped = false;
      return event.stopImmediatePropagation();
    });
    return $element.bind("touchend", function() {
      if (tapped) {
        return $scope.$apply($attributes["ngTap"]);
      }
    });
  };
});

    es ist gfTop, denn die Probe ist "gute Filme" - app. Fühlen Sie sich frei, um das zu ändern, was auch immer Sie mögen.

    Beachten Sie auch, dass Sie sich ändern müssen alle Ihre "ng-klicken Sie auf"s "gfTap"s.

    AKTUALISIERT: um Tippen Sie auf, und klicken Sie auf Ereignisse.

    Ich habe die goodfilms Beispiel, und ich war nicht in der Lage, um es für mich zu arbeiten.
    was nicht funktioniert, ist die Richtlinie von den <300ms auf?
    Die andere Antwort liefert ein wenig Logik um zu verhindern, dass der Tippen Sie auf ein Ereignis aus feuern, wenn der Benutzer klaut, das ist von Vorteil, wenn der Benutzer braucht, um zu Blättern oder führen Sie weitere Wischbewegungen
    danke, ich aktualisiert.
    danke danke danke für diese tolle Antwort..habe ich gerade gemacht, es funktioniert mit leichten tweaks, um ein input type = range...Muahhh!

    InformationsquelleAutor nycynik

  2. 4

    Es ist ziemlich einfach zu implementieren Ihre eigenen tapping-Richtlinie ohne eine externe Bibliothek. Ich würde raten, dass.

    Goodfilms ging es in Ihrem blog-post über Ihre AngularJS mobile app: http://goodfil.ms/blog/posts/2012/08/13/angularjs-and-the-goodfilms-mobile-site-part-1/

    Hier ist Ihre tap-code (auch in Coffeescript), direkt aus dem blog-post:

    app.directive 'gfTap', ->
  (scope, element, attrs) ->
    tapping = false
    element.bind 'touchstart', -> tapping = true
    element.bind 'touchmove', -> tapping = false
    element.bind 'touchend', -> scope.$apply(attrs['gfTap']) if tapping

    InformationsquelleAutor Andrew Joslin

  3. 2

    AngularJS 1.1.5 Schiffe mit einem eingebauten ng-click Direktive, die Berührungsereignisse verarbeitet.

    Docs: http://code.angularjs.org/1.1.5/docs/api/ngMobile.directive:ngClick

    Quelle: https://github.com/angular/angular.js/blob/master/src/ngMobile/directive/ngClick.js

    Ich dringend empfohlen, vor der Umsetzung einer Richtlinie wie dieser selbst - es gibt viele Grenzfälle, die brechen kann (ghost Klicks, etc). Blick in den code verwiesen wird, die oben für weitere Beispiele von Rand-Fällen, die Sie benötigen, zu behandeln.

    Ich sehe deine Sorge, aber die Sache ist, dass nicht jeder wird mit der unstable-builds (1.1.5 wurde im Aug 2 2013, als Sie dies schrieb). Ich werde stabil und mit mir auf 1.0.8, ich bin doch noch eingeführt werden, um die änderungen in ngClick zu handhaben fasttaps.

    InformationsquelleAutor Ralf

Schreibe einen Kommentar