मेरे पास एक ngFor द्वारा पॉप्युलेट की जा रही एक टेबल है।

मैं कुछ इस तरह उपयोग कर रहा हूँ:

{{ (item.attribute || "--" }}

शून्य मानों से निपटने के लिए और ठीक काम कर रहा है, हालांकि मेरे पास एक ऐसा फ़ील्ड है जो एकाधिक प्रदर्शित करता है इसलिए मैं इसमें "x" जोड़ता हूं:

{{ (item.attribute + "x") || "--" }}

स्पष्ट रूप से "x" इसे एक मान दे रहा है, इसलिए भले ही विशेषता शून्य हो, HTML मेरे पसंदीदा '-' के बजाय 'x' प्रदर्शित कर रहा है।

मैं सोच रहा हूं कि मुझे शायद एनजीआईएफ का उपयोग करने की ज़रूरत है, लेकिन मुझे कोई कार्यान्वयन काम नहीं मिल रहा है। कोई मुझे सही दिशा में इंगित करने में सक्षम है?

अग्रिम में धन्यवाद।

1
Cheekumz 22 मई 2020, 09:49

3 जवाब

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

तार्किक स्थिति के आधार पर विभिन्न मूल्यों को उत्सर्जित करने के लिए आप यहां जावास्क्रिप्ट टर्नरी ऑपरेटर का उपयोग कर सकते हैं।

{{item.attribute ? item.attribute + "x" : '--'}}

डेमो: https://stackblitz.com/edit/angular-u8ly3l

2
Kurt Hamilton 22 मई 2020, 09:56

आप अपने टेम्पलेट में एक टर्नरी ऑपरेटर का उपयोग कर सकते हैं:\

{{ item.attribute ? item.attribue + "x" : "--" }}

यह जाँच करेगा कि क्या item.attribute सत्य है और यदि ऐसा है, तो यह item.attribute "x" के साथ वापस आ जाएगा।

2
Tsvetan Ganev 22 मई 2020, 09:56

ये कोशिश करें

आप नीचे दिए गए उदाहरण की तरह टेम्पलेट के अंदर सशर्त (टर्नरी) ऑपरेटर का उपयोग कर सकते हैं:

{{ item.attribute? (item.attribute + "x"): "--" }}
2
Shlok Nangia 22 मई 2020, 09:56