Wie erstellt man eine angreifbare Tabelle in AngularJS?

8

Ohne DOM-Manipulation, wie man eine bearbeitbare Tabellenzelle mit Doppelklick erstellt?

Ich versuche, es dort Ссылка zu schaffen?

Mein Controller Code ist unter

%Vor%

Ich stehe jedoch vor Fragen, um das Eingabeelement readonly zu machen und die Eingabe "abzuschicken" (beim gedrückten Ereignis wird der Ajax-Aufruf ausgelöst, um einen Restful-Dienst für die Aktualisierung des Backend-Servers zu nutzen)

Vielen Dank, wenn jemand ihre Weisheit teilen könnte!

PS: Ich denke, dass die editierbare Tabelle des Datenbrowsers in Parse.com die beste Demonstration ist, die ich bekommen kann, aber ich habe keine Hinweise, wie man sie implementiert.

    
Bob 15.02.2014, 07:12
quelle

2 Antworten

20

Ich habe die Geige aktualisiert. Wollen Sie das so machen?

HTML

%Vor%

JS

%Vor%

Allerdings sollten Sie wahrscheinlich eine Direktive erstellen, die die editierbare Zeile enthält. Und implementieren Sie den Autofokus dort, wenn Sie auf ein Objekt dbl klicken.

    
davekr 15.02.2014, 10:07
quelle
4

Ich mag die Lösung mit duplizierten Elementen nicht so sehr, also habe ich einen anderen Weg ausprobiert und es funktioniert perfekt, ohne das Modell zu verkomplizieren.

Dies ist mein erster Beitrag, also hoffe ich, dass euch Jungs gefallen!

Ich benutze ng-readonly mit einer Bedingung, um die Eingabe zu schützen. Ng-repeat weist jedem iterierten Element einen $ index zu. Daher habe ich eine Bedingung für ng-repeat erstellt, um zu überprüfen, ob der $ index des Elements mit der $ scope.eEditable Variable übereinstimmt. Dann kann ich mit ng-dblclick $ scope.eEditable den $ index des angeklickten Elements zuweisen.

HTML

%Vor%

STEUERUNG

%Vor%

Eine Zeile in Controller und zwei Direktiven in der Ansicht, einfach und es funktioniert

    
WIKi Mescudi 14.07.2015 10:15
quelle

Tags und Links