क्या कोई मेरे इस काम को बता सकता है

[style.height]="events?.length === 0 ? 'calc(100vh - 105px)' : null"

लेकिन यह नहीं है?

[ngStyle]="{'height: calc(100vh - 105px)': events?.length === 0 }"

या यह?

[style.height]="{'calc(100vh - 105px)': events?.length === 0 }"
0
user1186050 8 अक्टूबर 2020, 22:31

1 उत्तर

सबसे बढ़िया उत्तर

ngStyle पर, आपको शैली विशेषता को json डेटा के रूप में मानों के साथ रखना होगा। उस json डेटा पर, कुंजी का नाम style होना चाहिए और मान इस प्रकार सीएसएस विशेषता मान होना चाहिए।

[ngStyle] = "{ 'height': events?.length === 0 ? 'calc(100vh - 105px)' : null }"

लेकिन आपके कोड पर,

[ngStyle]="{'height: calc(100vh - 105px)': events?.length === 0 }"

आपने संपूर्ण [style name]: [style value] को json डेटा पर कुंजी के रूप में रखा है और यह ngStyle पर काम नहीं करेगा।

और [style.height] style html विशेषता पर height css विशेषता को इंगित करता है। तो [style.height]="'100px'" का style="height: 100px;" के साथ एक ही अर्थ है।

और इस कोड पर,

[style.height]="{'calc(100vh - 105px)': events?.length === 0 }"

आपने json ऑब्जेक्ट को style.height में डाल दिया है और यह height css विशेषता मान के रूप में स्वीकार्य नहीं है, इसलिए यह काम नहीं कर रहा है।

2
Derek Wang 8 अक्टूबर 2020, 22:39