在我的例子中，错误发生是因为下面的html标记中多了一行没有name属性。

<form id="form1" name="form1" #form="ngForm">
    <div class="form-group">
        <input id="input1" name="input1" [(ngModel)]="metaScript" />
        ... 
        <input id="input2" [(ngModel)]="metaScriptMessage"/>
    </div>
</form>

但是浏览器仍然报告第一行有错误。如果你在这两者之间有其他元素，就很难发现错误的根源。

对于那些对错误消息本身不惊慌的人来说，只是谷歌一下为什么这里的例子不起作用(即当文本输入到输入字段时，动态过滤不会发生):它不会起作用，直到你在输入字段中添加name参数。没有任何东西可以解释为什么管道不能工作，但是错误消息指向这个主题，并根据接受的答案修复它使动态过滤器能够工作。

当你清楚地看到控制台时，它会给你两个例子。实现其中任何一个。

<input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone:true}">

or

<input [(ngModel)]="person.firstName" name="first">

对我来说，解决办法很简单。我将<form>标签更改为<div>，错误就消失了。

我注意到，Chrome开发工具有时只在第一个元素上用醒目的红色下划线，即使它正确地设置了名称。这让我一时糊涂。

必须确保为表单中包含ngModel的每个元素添加一个名称，而不管哪个元素是带下划线的。

试试这个…

<input type="text" class="form-control" name="name" placeholder="Name" required minlength="4" #name="ngModel" ngModel>
<div *ngIf="name.errors && (name.dirty || name.touched)">
    <div [hidden]="!name.errors.required" class="alert alert-danger form-alert">
        Please enter a name.
    </div>
    <div [hidden]="!name.errors.minlength" class="alert alert-danger form-alert">
        Enter name greater than 4 characters.
    </div>
</div>