[解決済み】Angular2の@Inputをget/setでプロパティに入力する。
2022-04-05 20:38:57
質問
Angular2コンポーネントがあり、そのコンポーネントは現在、@Input()が適用されたフィールドをたくさん持っていて、そのプロパティにバインドできるようになっています。
@Input() allowDay: boolean;
私がやりたいのは、実際に get/set でプロパティにバインドして、セッターの中で他のロジックを実行できるようにすることです。
_allowDay: boolean;
get allowDay(): boolean {
return this._allowDay;
}
set allowDay(value: boolean) {
this._allowDay = value;
this.updatePeriodTypes();
}
Angular2でこれを行うにはどうしたらよいでしょうか?
Thierry Templierの提案に基づいて、私はそれを変更しましたが、それはエラーをスローします 'allowDay' にバインドすることはできませんので、それは既知のネイティブプロパティではありません。
//@Input() allowDay: boolean;
_allowDay: boolean;
get allowDay(): boolean {
return this._allowDay;
}
@Input('allowDay') set allowDay(value: boolean) {
this._allowDay = value;
this.updatePeriodTypes();
}
解決方法は?
を設定することができます。
@Input
をセッターに直接指定します。
_allowDay: boolean;
get allowDay(): boolean {
return this._allowDay;
}
@Input() set allowDay(value: boolean) {
this._allowDay = value;
this.updatePeriodTypes();
}
このPlunkrをご覧ください。 https://plnkr.co/edit/6miSutgTe9sfEMCb8N4p?p=preview .
関連
-
[解決済み】Angular2エラー。exportAs "が "ngForm "に設定されたディレクティブは存在しません。
-
[解決済み] チョキダーからのエラー(C:┣ᴗ┣)。Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp.
-
[解決済み] Angularアプリのシンタックスエラー。予期しないトークン <
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] formGroup' は 'form' の既知のプロパティではないため、バインドできません。
-
[解決済み] Angularでselect要素をオブジェクトにバインドする
-
[解決済み] Angularで変更検知を手動でトリガーする
-
[解決済み】Angular 2 チェックボックスの双方向データバインディング
-
[解決済み] Angular2 ngSwitchステートメントでtypescriptのenum値を使用する方法
-
[解決済み] 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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】angular 4アプリにReactiveFormsModuleを追加すると、NgControl用のプロバイダがないエラーが発生する。
-
[解決済み] Angular 4: コンポーネントファクトリが見つかりません。@NgModule.entryComponents に追加しましたか?
-
[解決済み] Angular 2で簡単なアコーディオンを作成するにはどうすればよいですか?
-
[解決済み] LegendItemComponent をカスタマイズする Angular 用 kendo-ui
-
[解決済み] Angular CLIでピア依存をインストールする場合の対処方法は?
-
[解決済み] Electron - ローカルリソースのロードが許可されていません
-
[解決済み] Angular 8 NgForはArray errorやAcces Control Allow originなどのIterableへのバインディングのみをサポートしています。
-
[解決済み] Angular2 - エラー。セレクタ "app-root" はどの要素にもマッチしませんでした。
-
[解決済み] ionInputとionChangeで有意差あり
-
[解決済み] Angular2: [(ngModel)] with [ngModelOptions]="{standalone: true}"を使って、モデルのプロパティへの参照にリンクさせる。