javascript - 如何提交新实体以及清除$anchor.task？

Question

使用 AngularJS框架，我如何让“提交”按钮既更新当前实体又清除 anchor ID - 我基本上想快速添加条目，但它总是将我的添加表单变成编辑表格。

这是我当前的 div，它不起作用，就像它忽略了 $anchor.task=null...

请注意“添加新”按钮工作正常!

<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

如果你想快速添加这里是你需要改变的地方

我假设您的代码中有:ng-entity="task=Task"。您需要将其更改为 ng-entity="Task"这会更改声明，使其不与 anchor 关联。参见 http://docs.getangular.com/Ng-entity更多细节。这也意味着您必须在 ng-init 中手动实例化任务实例。

然后在保存 anchor 中，您需要使用任务对象的默认值实例化任务文档:Task(task)

比你需要保存它:Task(task).$save()

最后您想要清除表单，因此您需要将任务对象重置为空白。这只能在对象保存后完成，因此您需要包含对 $save() 方法的回调:任务(任务).$save( {: $root.task={}; } )

$root 指的是根作用域，因为回调中的作用域与声明任务的作用域不同。

<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>