AngularDart - 使用表单操作

时间:2017-04-07 17:06:32

标签: html forms templates dart

我正在尝试使用AngularDart中的表单操作属性来重定向到指定的URL。在简单的HTML中我会做这样的事情:

<form action="http://localhost:8082" method="GET">
   <select name="q">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="9">9</option>
      </select>
   <input type="Submit" value="Guess">
</form>

<form action="http://localhost:8082" method="GET"> <select name="q"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="9">9</option> </select> <input type="Submit" value="Guess"> </form>

如何使用AngularDart实现此功能?

提前致谢

1 个答案:

答案 0 :(得分:4)

在Angular中,你会在代码中执行请求,因为form action="..."会重新加载应用程序,甚至是在单页面应用程序(SPA)中通常不是你想要的其他页面:

<form (ngSubmit)="onSubmit()"

然后在Dart代码中发布表单,如Dart: AJAX form submit

中的问题所示

我自己多年没有这样做了,并没有完整的例子,但它应该让你去。