Angular の *ngClass を使用するときに「未定義のプロパティ 'remove' を読み取れません」を回避する方法は?

Angular で *ngClass で条件付きクラスを使用する

この記事では、Angular の ngClass ディレクティブを使用して条件付きクラスを割り当てるときに発生する問題について説明しますクラス。 「未定義のプロパティ 'remove' を読み取れません」というエラーは、ngClass の不正な実装によって引き起こされます。

問題を修正するには、Angular バージョン 2 が条件付きで複数のアプローチを提供していることを理解することが重要です。クラスの適用:

オプション1:

[class.my_class] = "step === 'step1'"

オプション 2:

[ngClass]="{'my_class': step === 'step1'}"

オプション 3: 複数のクラス

[ngClass]="{'my_class': step === 'step1', 'my_class2': step === 'step2' }"

オプション 4: 数値を次のように使用するキー

[ngClass]="{'1': 'my_class1', '2': 'my_class2', '3': 'my_class4'}[step]"

オプション 5: 条件演算子

[ngClass]="step === 'step1' ? 'my_class1' : 'my_class2'"

セッター構文​​を使用して提供した例は、推奨されるアプローチ。代わりに、上記で説明した方法のいずれかを選択してください。これらの変更を実装することで、*ngClass を効果的に利用して条件付きクラスを適用し、「未定義のプロパティ 'remove' を読み取れません」エラーを回避できます。

以上がAngular の *ngClass を使用するときに「未定義のプロパティ 'remove' を読み取れません」を回避する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。