cách tạo trạng thái chỉnh sửa góc có thể chỉnh sửa luôn bật

Question

Tôi đang sử dụng góc-xeditable để chỉnh sửa các phần tử trong một biểu mẫu. Tôi muốn có tất cả các yếu tố trong chế độ "có thể chỉnh sửa" mọi lúc, ví dụ: không cần nhấn nút "chỉnh sửa" trước khi người dùng bắt đầu chỉnh sửa.

Tôi đã cố gắng sử dụng $ show() trong bộ điều khiển của mình để bật các phần tử trong biểu mẫu, tuy nhiên có vẻ như các phần tử lại đi vào trạng thái xem, ví dụ khi sử dụng "onaftersave" khi cố lưu giá trị v.v.

Tôi làm cách nào để luôn ở chế độ chỉnh sửa nơi người dùng không bao giờ cần bật chỉnh sửa để bắt đầu chỉnh sửa giá trị?

Answer 1

Tôi gặp vấn đề tương tự. Ngay cả khi cố gắng để $ show() các hình thức một lần nữa vào cuối chức năng onaftersave của tôi nó vẫn sẽ không hoạt động. Tôi nghi ngờ khả năng hiển thị đang được ẩn sau khi chức năng onaftersave chạy nhưng tôi đã không thực sự kiểm tra xem đó là trường hợp. Dưới đây là cách tôi nhận được thông tin này:

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

Bây giờ bất cứ khi nào hiển thị biểu mẫu thay đổi thành ẩn, nó sẽ chỉ hiển thị lại bất kể khi nào thay đổi.

Answer 2

Nếu mẫu của bạn đã được mở, và bạn chỉ muốn giữ nó mở sau khi gửi, bạn có thể làm điều này:

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

và chức năng keepFormOpen() sẽ giống như thế này:

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

Điều này thực chất là cung cấp cho biểu mẫu thông báo lỗi giả sau khi bạn đã lưu dữ liệu của mình. Thông báo lỗi giả này sẽ làm gián đoạn quá trình đóng biểu mẫu, nhưng vì nó được gọi sau khi bạn đã lưu dữ liệu của mình, nó sẽ không ảnh hưởng đến lần gửi trước đó.

Answer 3

Có thể thử thêm shown=true trong html của bạn:

<form editable-form shown="true"> 

Answer 4

Để thực sự giữ mở các hình thức chúng ta có thể làm như sau:

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