以下のコンポーネントでは、コンポーネントが Angular4 アプリにロードされると、エラーが発生し続けます。
ng:///HeaderModule/HeaderComponent.ngfactory.js:334 ERROR エラー: 名前属性が指定されていないフォーム コントロールの値アクセサがありません
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">
</li>
問題の原因がわかりません。誰かが問題を指摘していただければ助かります。
ベストアンサー1
ディレクティブを使用してngDefaultControl
フォームにデフォルトの2way
バインディングを設定します
<input type="text" [(ngModel)]="name" ngDefaultControl>