フォームコントロールエラー: エラー: 名前属性が指定されていないフォームコントロールに値アクセサがありません 質問する

フォームコントロールエラー: エラー: 名前属性が指定されていないフォームコントロールに値アクセサがありません 質問する

以下のコンポーネントでは、コンポーネントが 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>

おすすめ記事