Làm thế nào để gửi thực thể mới cũng như rõ ràng $ anchor.task?

Question

Sử dụng khung AngularJS, làm cách nào để có nút "Gửi" cả cập nhật thực thể hiện tại cũng như xóa ID neo - về cơ bản tôi muốn thêm các mục nhập nhanh, nhưng nó luôn biến biểu mẫu của tôi thành chỉnh sửa biểu mẫu.

Dưới đây là div hiện tại của tôi mà không hoạt động, nó giống như nó bỏ qua $anchor.task=null ...

Lưu ý rằng "Add New" nút hoạt động tốt!

<div> 
    Description: <input name="task.desc" ng-required><br> 
    <a href="#" ng-action="task.$save(); $anchor.task=null">Save</a> 
    <input type="button" value="Add New" ng-action="$anchor.task=null"> 
</div> 

Answer 1

Nếu bạn muốn có nhanh thêm đây là những gì bạn cần thay đổi

Tôi giả sử bạn có: ng-thực thể = "task = Task" trong mã của bạn. Bạn cần phải thay đổi điều đó thành ng-entity = "Task", điều này thay đổi việc khai báo để nó không được liên kết với anchor. Xem http://docs.getangular.com/Ng-entity để biết thêm chi tiết. Điều này cũng có nghĩa là bạn phải tự khởi tạo cá thể nhiệm vụ trong ng-init.

Sau đó, trong Lưu neo bạn cần phải nhanh chóng công tác tài liệu với giá trị mặc định của đối tượng nhiệm vụ: Task (nhiệm vụ)

hơn bạn cần phải lưu nó:. Task (nhiệm vụ) $ save()

Cuối cùng bạn muốn xóa biểu mẫu để bạn cần phải đặt lại đối tượng nhiệm vụ thành trống. Điều này chỉ có thể được thực hiện sau khi đối tượng tiết kiệm để bạn cần phải bao gồm gọi lại đến phương thức $ save(): Nhiệm vụ (tác vụ). $ Save ({: $ root.task = {};})

$ root đề cập đến phạm vi gốc vì phạm vi bên trong gọi lại không giống với phạm vi nơi công việc được khai báo.

<div ng-entity="Task" ng-init="task={}"> 
     Description: <input name="task.desc" ng-required><br> 
     <a href="#" ng-action="Task(task).$save({: $root.task={} })">Save</a> 
</div>