[解決済み] カスタム要素に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
前のリンクは完全なサンプルを提供します...
関連
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] ng buildの後にangular-cliのdist-folderのパスを変更するには?
-
[解決済み] パイプ ' ' が見つかりません。
-
[解決済み] プロパティ 'X' はプライベートであり、クラス 'xyzComponent' 内でのみアクセス可能です。
-
[解決済み] Angular CLIで特定のバージョンのAngularをインストールするには?
-
[解決済み] AngularでFormGroupに動的にaddControlを追加する
-
[解決済み] angular-cli が HTTPS で ng serve するようにする。
-
[解決済み] の@ViewChildのreadパラメータは何ですか?
-
[解決済み] Angular 2 カスタムフォーム入力
-
[解決済み] Angular2で複数のルートパラメータを渡す
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] パイプ ' ' が見つかりません。
-
[解決済み] formControlNameとFormControlの違いは何ですか?
-
[解決済み] angular-cliのビルドでカスタムファイルをインクルードするには?
-
[解決済み] Angular 2で入力タグのファイルタイプで選択されたファイルをリセットする方法は?
-
[解決済み] angular keyvalue pipe sort properties / iterate in order (アンギュラーキーバリューパイプソートプロパティ / イテレートオーダー)
-
[解決済み] ExpressionChangedAfterItHasBeenCheckedError: チェックされた後に、式が変更されました。以前の値: 'undefined'
-
[解決済み] ng-forOf」は既知のネイティブプロパティではないため、バインドできない [重複] 。
-
[解決済み] エラー TS1192: モジュール '" A.module"' はデフォルトのエクスポートがありません。
-
[解決済み] Angular 2 カスタムフォーム入力
-
[解決済み] APIレスポンスからレスポンスヘッダを読み取る - Angular 5 + TypeScript