Angular *ngClass エラー:「未定義のプロパティ 'remove' を読み取れません」を修正する方法?

Angular: *ngClass を使用した条件付きクラス

*ngClass を使用した条件付きクラスの割り当ては、特定の要素に基づいて要素のスタイルを動的に変更する効果的な Angular テクニックです。条件。ただし、「BrowserDomAdapter.removeClass で未定義のプロパティ 'remove' を読み取れません」というエラーが発生した場合は、コードに問題があることを示しています。考えられる解決策を見てみましょう:

代替クラス構文を使用した解決策

Angular は、条件付きクラス割り当ての代替構文オプションを提供します:

• タイプ1 つ:

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

• タイプ 2:

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

• 複数オプション:

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

• 列挙型の構文:

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

• 三項演算子:

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

タイプ 1 のサンプル コード 構文:

<ol>
    <li [class.active] = "step==='step1'" (click)="step='step1'">Step1</li>
    <li [class.active] = "step==='step2'" (click)="step='step2'">Step2</li>
    <li [class.active] = "step==='step3'" (click)="step='step3'">Step3</li>
</ol>

この代替構文は、潜在的な「未定義」を削除します。 " Angular の組み込みクラスを使用するとエラーが発生するbindings.

クラス バインディング構文オプションの包括的なリストについては、Angular の公式ドキュメントを参照してください。

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