表单控件错误:错误错误:没有指定名称属性的表单控件的值访问器

Question

在组件加载到angular4应用程序的下面组件中,我不断收到错误:

ng:///HeaderModule/HeaderComponent.ngfactory.js:334错误:没有带有未指定名称属性的表单控件的值访问器

我试过删除ngModel和value属性但没有任何工作.

我假设问题是标题.component.html.下面是html

                    <!-- Notification area-->
                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle" (click)="changeNotificationStatus()">
                            <i class="glyphicon glyphicon-bell"></i>
                            <span class="visible-xs-inline">Notifications</span>
                            <span class="badge badge-sm up bg-danger pull-right-xs" [hidden]="notificationCount<=0" [(ngModel)]="notificationCount"></span>
                        </a>
                        <div class="dropdown-menu w-xl animated fadeInUp">

不确定导致问题的原因.如果有人可以指出这个问题会有所帮助.

谢谢

Answer 1

如果您忘记为其指定name属性,则会发出此错误ngModel.

您可以在html中找到包含错误的以下行:

<span class="badge badge-sm up bg-danger pull-right-xs" [hidden]="notificationCount<=0" [(ngModel)]="notificationCount"></span>

如您所见,没有name属性.

Answer 2

使用ngDefaultControl指令使您的表单具有默认2way绑定

<input type="text" [(ngModel)]="name" ngDefaultControl>