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

两件事，(submit)应该是(ngSubmit)和ng-control应该是ngControl。也[value]用于设置初始值不起作用，[(ngModel)]而是使用初始值。

这是一个例子： http: //plnkr.co/edit/qi08ZTgFWH2WpHWre7qu

Answer 2

尝试这个：

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

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

如果您也需要，这是一个工作表单演示/文章：

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

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