web-dev-qa-db-ja.com

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

以下のコンポーネントでは、コンポーネントがangle4アプリにロードされると、エラーが発生し続けます：

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">

何が問題の原因かわからない。誰かが問題を指摘できれば、それは役に立ちます。

ありがとう

formsangular
15
Shruti Nair

nameのngModelattributeの指定を忘れると、このエラーが発生します。

エラーを含む次の行をHTMLで見つけることができます。

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

ご覧のとおり、name属性はありません。

9
Dinistro

ngDefaultControlディレクティブを使用して、フォームにデフォルトの2wayバインディング

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