将已存在的常规形式转换为angularJs'ed

时间:2013-09-16 16:35:27

标签: javascript forms angularjs angularjs-directive

在现有的项目中,我想采用通常的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/

0 个答案:

没有答案