Bagaimana untuk Mengelakkan 'Tidak boleh membaca 'buang' harta yang tidak ditentukan' apabila Menggunakan *ngClass Angular?

Menggunakan Kelas Bersyarat dengan *ngClass dalam Sudut

Artikel ini menangani isu yang dihadapi apabila menggunakan arahan Angular ngClass untuk menetapkan bersyarat kelas. Ralat, "Tidak boleh membaca sifat 'alih keluar' undefined," dicetuskan oleh pelaksanaan yang salah ngClass.

Untuk membetulkan isu, adalah penting untuk memahami bahawa versi Angular 2 menawarkan pelbagai pendekatan untuk bersyarat memohon kelas:

Pilihan 1:

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

Pilihan 2:

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

Pilihan 3: Berbilang Kelas

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

Pilihan 4: Menggunakan Nombor sebagai Kekunci

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

Pilihan 5: Operator Bersyarat

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

Perlu diperhatikan bahawa contoh yang anda berikan, menggunakan sintaks penetap, bukanlah pendekatan yang disyorkan. Sebaliknya, pilih salah satu kaedah yang dibincangkan di atas. Dengan melaksanakan perubahan ini, anda boleh menggunakan *ngClass dengan berkesan untuk menggunakan kelas bersyarat dan mengelakkan ralat "Tidak dapat membaca sifat 'alih keluar' yang tidak ditentukan".

Atas ialah kandungan terperinci Bagaimana untuk Mengelakkan 'Tidak boleh membaca 'buang' harta yang tidak ditentukan' apabila Menggunakan *ngClass Angular?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!