góc 2 thêm nhiều lớp học qua [class.className] ràng buộc

Question

Trong khi thêm một lớp duy nhất hoạt động tuyệt vời theo cách này -

[class.loading-state]="loading"

Nhưng làm thế nào để tôi thêm nhiều lớp Ex nếu loading là true add lớp - "loading-state" & "my-class"

làm thế nào để làm cho nó thực hiện thông qua [class] binding

Answer 1

Bạn có thể làm điều này bằng cách đơn giản sử dụng ngClass:

Ở đây đầu tiên, thứ hai và thứ ba là tên của các lớp.

Và thay vì đúng/sai, bạn có thể trực tiếp đặt điều kiện của bạn đằng kia

<div [ngClass]="{'first': true, 'second': true, 'third': false}">...</div> 

Trong trường hợp của bạn

<div [ngClass]="{'loading-state': loading, 'my-class': loading }">...</div> 

Hoặc ngắn Veriosn (như @ matko.kvesic nhận xét)

<div [ngClass]="{'loading-state my-class': loading}">...</div>