Aktualisieren Sie AngularJS-Modelle von einem jQuery-Plugin mit einem "On Change" -Rückruf

8

Ich baue einen Web-App für einen Computer-Touchscreen, der eine Tastatur auf dem Bildschirm benötigt und ist versucht, dieses ausgezeichneten zu verwenden (oder die am wenigsten die einzig ich in der Lage war, das zu finden, war nicht so schlimm) Tastatur. Ссылка

Das Problem ist, wie Sie vielleicht schon vermutet haben, dass das Modell nicht aktualisiert wird, wenn die Bildschirmtastatur verwendet wird. Das ist mein Code, welcher Art arbeitet aber alles Mögliche hässlich:

Der partielle HTML:

%Vor%

Initialisierung der Tastatur über den Partitial Page Controller:

%Vor%

Also bei Änderung, die durch das jQuery-Plugin ausgelöst wird, kann ich etwas ausführen. Offensichtlich funktioniert dies nur ein einzelnes Feld / Modell aktualisiert wird, den Namen eines (während der E-Mail einer überhaupt nicht arbeiten und das Namensfeld überschreiben), ich brauche eine beliebige Anzahl von Feldern aktualisiert werden, wenn mit der Tastatur verwendet, und der richtig eins. Wie löse ich das auf weniger schreckliche, nicht hartkodierte (wenn möglich und nicht zu komplexe) Weise?

    
not amused 21.03.2013, 12:10
quelle

2 Antworten

12

Um dies in Angular zu schreiben, schreiben Sie eine Direktive. Sie können eine Direktive mit einem bestimmten Klassennamen zuweisen.

Ihre Anweisung würde also ungefähr wie

aussehen %Vor%

Wenn nun bei einem Element sowohl eine Tastaturklasse als auch ein ng-Modell definiert ist, sollte die Tastatur eingeblendet werden. Hoffe, das hilft.

    
ganaraj 21.03.2013, 12:23
quelle
2

Ich habe die ganraj-Richtlinie geändert. Jetzt aktualisiert sich das Modell bei jedem Klick auf die Tastaturtaste.

%Vor%     
Wojtek 06.09.2013 13:28
quelle