Wie man den Bearbeitungsmodus "Winkel-Xeditable" immer aktivieren kann

Question

Ich benutze "angular-xeditable", um Elemente innerhalb eines Formulars zu bearbeiten. Ich möchte alle Elemente jederzeit im "bearbeitbaren" Modus haben, z. Es muss keine Schaltfläche "Bearbeiten" gedrückt werden, bevor der Benutzer mit der Bearbeitung beginnt.

Ich habe versucht, die $ show() in meinem Controller zu verwenden, um die Elemente in der Form zu aktivieren, jedoch scheint es, als ob die Elemente wieder in den Anzeigezustand gehen, zum Beispiel wenn "onaftersave" beim Speichern der Werte verwendet wird etc.

Wie mache ich das, um immer im Bearbeitungsmodus zu sein, in dem der Benutzer die Bearbeitung nie aktivieren muss, um mit der Bearbeitung der Werte zu beginnen?

Answer 1

Ich hatte das gleiche Problem. Selbst wenn ich das Formular am Ende meiner Onaftersave-Funktion wieder anzeigen wollte, würde es immer noch nicht funktionieren. Ich vermute, dass die Sichtbarkeit ausgeblendet wird, nachdem die Onaftersave-Funktion ausgeführt wurde, aber ich habe nicht wirklich überprüft, ob das der Fall ist. Hier ist, wie ich um ihn bekam:

$scope.$watch('yourFormName.$visible', function() { 
    $scope.yourFormName.$show(); 
}); 

Nun, wenn die Form Sichtbarkeit Änderungen versteckt, es wird es nur zeigen, wieder unabhängig davon, wann sie geändert.

Answer 2

Wenn Ihr Formular bereits geöffnet ist, und Sie wollen einfach nur offen halten nach der Einreichung, können Sie dies tun:

<form editable-form name="MyForm" onbeforesave="saveMyData()" onaftersave="keepFormOpen()"> 

und die Funktion keepFormOpen() würde wie folgt aussehen:

$scope.keepFormOpen = function() { 
    return "fake error message"; 
} 

Was dies tut, gibt dem Formular im Wesentlichen eine falsche Fehlermeldung, nachdem Sie Ihre Daten bereits gespeichert haben. Diese gefälschte Fehlermeldung unterbricht den Schließvorgang für Formulare, aber da sie aufgerufen wurde, nachdem Sie Ihre Daten bereits gespeichert haben, wirkt sich dies nicht auf die vorherige Übermittlung aus.

Answer 3

versuchen Möglicherweise shown=true in Ihrem HTML hinzu:

<form editable-form shown="true"> 

Answer 4

wirklich zu öffnen und die Form halten wir folgendes tun:

<form editable-form name="MyForm" onbeforesave="saveMyData()" onhide="MyForm.$show()">