在现有的项目中,我想采用通常的html表单,添加一个指令并获得角度驱动的表单。实际上,任务是采取这个:
<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指令添加到表单中(我们不能确定表单中是否存在提交按钮,它可能是由keypress或代码提交的,所以它应该是bind to onsubmit事件,如ng-submit确实)
这是jsFiddle来说明http://jsfiddle.net/dbwTr/1/