Angular2 rc5#myForm =“ngForm”错误

时间:2016-09-09 09:48:59

标签: angular angular2-forms

There is no directive with "exportAs" set to "ngForm" ("<div class="col-xs-6" id="search-bar-container">
<form [ERROR ->]#myForm="ngForm" (ngSubmit)="doSearch()">

我在相应组件的顶部:

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

我没有通过谷歌搜索找到任何东西(据我所知,无论如何 - 在此之间的区域协议之间似乎有很多变化)。

任何人(毫无疑问,超级简单)都可以指出我在这里做错了吗?

由于

1 个答案:

答案 0 :(得分:0)

tl; dr:更新到最新版本的Angular 2以解决问题。

我猜你正在混淆Angular 2版本。您引用的FormsModule仅适用于最新版本的Angular 2(也可能是RC.5,但不确定)。正如我从您的问题中理解的那样,您仍在使用旧版本。

要使表单正常工作,最好将您的应用程序更新到最新版本的Angular 2.至少RC.6(这是我写这篇文章时的最新版本)。 如果您未在应用程序中使用任何NgModule类,则必须更新以使用FormsModule

然后,您必须在项目中引入NgModule个类(请查看Quickstart)。在此NgModule中,您必须将FormsModule添加到imports。这样,NgModule中引用的所有组件都将能够使用FormsModule中的组件。在FormsModule中,使用ngFormngModel(您可能也需要)的逻辑

但所有这些,也在Angular website about using forms上解释。比我在这篇文章中添加的更详细。