angular 2 表格本地

Question

我的表格如下：

<form  #testForm="ngForm" (submit)="create(testForm)">
    <input type="text" [value]="111" ng-control="test">
    <input type="submit" >
</form>

但是当我在 console.log testForm 中没有 test 键（并且 testForm.value 未定义）

Answer 1

试试这个：

<form (ngSubmit)="create()" [ngFormModel]="form" #testForm="ngForm">
    <input type="text" ngControl="test">
</form>

我示例中的 form 实例是在组件代码中定义的。

如果您也需要，这里有一个工作表格demo/article：

http://www.syntaxsuccess.com/angular-2-samples/#/demo/form

http://www.syntaxsuccess.com/viewarticle/forms-and-validation-in-angular-2.0

Answer 2

有两件事，(submit) 应该是 (ngSubmit)，ng-control 应该是 ngControl。同样使用 [value] 设置初始值将不起作用，请改用 [(ngModel)] 和初始值。

举个例子： http://plnkr.co/edit/qi08ZTgFWH2WpHWre7qu