1. ホーム
  2. angular

[解決済み] カスタム要素にngModelを実装するには?

2023-04-17 15:43:05

質問

単純な input 要素があれば、こんなことができる。

<input [(ngModel)]="name" /> {{ name }}

これは、私のカスタム要素では動作しません。

<my-selfmade-combobox [(ngModel)]="name" values="getValues()" required></my-selfmade-combobox>

どのように実装すればいいのでしょうか?

どのように解決するのですか?

もし、あなたが本当に [(ngModel)] が必要な場合 (これは ngForm とは異なり [(myProp)] のアプローチとは異なります)。 このリンクがあなたの質問に答えてくれると思います。

そのためには、2つのことを実装する必要があります。

  • フォームコンポーネントのロジックを提供するコンポーネントです。入力は ngModel 自身によって提供されるため、入力は必要ありません。
  • カスタム ControlValueAccessor との間のブリッジを実装します。 ngModel / ngControl

前のリンクは完全なサンプルを提供します...