forms - 窗体控件错误 :ERROR Error: No value accessor for form control with unspecified name attribute

Question

在以下组件中，当组件加载到 angular4 应用程序中时，我不断收到错误消息:

ng:///HeaderModule/HeaderComponent.ngfactory.js:334 ERROR Error: Novalue accessor for form control with unspecified name attribute

我尝试删除 ngModel 和 value 属性，但没有任何效果。

我假设问题出在 header .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">
</li>

不确定是什么原因导致的问题。如果有人能指出这个问题，那将会很有帮助。

Answer 1

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

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