2017-04-03 9 views
10

एकल वर्ग को जोड़ने के इस तरीके से काम करता महान है -कोणीय 2 [class.className] के माध्यम से कई वर्गों को जोड़ने के लिए बाध्य

[class.loading-state]="loading"

लेकिन यह कैसे मैं कई वर्गों पूर्व यदि loadingtrue ऐड वर्ग में शामिल कर सकता है - यह [class] binding

उत्तर

18

के माध्यम से किया "loading-state" & "my-class"

मैं कैसे मिलता है आप बसका उपयोग करके ऐसा कर सकते हैं:

यहां पहले, दूसरे और तीसरे कक्षाओं का नाम हैं।

और बजाय सही/गलत का, आप सीधे (@ matko.kvesic के रूप में टिप्पणी की) वहाँ

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

पर अपने स्थिति में रख सकते हैं अपने मामले

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

या कम Veriosn में

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

भयानक, धन्यवाद! – Ajey

+5

या यहां तक ​​कि: [ngClass] = "{'लोडिंग-स्टेट माय-क्लास': लोडिंग}" –

संबंधित मुद्दे