javascript - 将存在的常用形式转换为 angularJs'ed

Question

在现有项目中，我想采用通常的 html 表单，向其添加指令并获得 angular-powered 表单。实际上，任务是采取这个：

<form name="myOlfForm" transform>
    <input type="text" name="foo" value="bar" />
    <button type"submit">submit</button>
</form>

并在运行时将其转换为：

<form ng-submit="submit()">
    <input type="text" ng-model="myOlfForm.foo"/>
    <button type"submit">submit</button>
</form>

我使用指令的编译功能将输入的名称转换为 ng-model 属性。似乎所有工作都像预期的那样，但问题是如何向表单添加 ng-submit 指令（我们不能确定表单中是否存在提交按钮，它可能是通过按键或代码提交的，所以应该绑定onsubmit 事件，就像 ng-submit 一样）

这是 jsFiddle 来说明http://jsfiddle.net/dbwTr/1/