मैं एक टेम्प्लेट बना रहा हूं जिसमें कुछ मूल्य हो सकते हैं या नहीं भी हो सकते हैं; मान लें कि उदाहरण के लिए मुझे JSON प्रतिक्रिया से आने वाले कई क्षेत्रों के आधार पर एक URL स्ट्रिंग बनाने की आवश्यकता है।

<a class="url">{{ ad.domain }}/{{ ad.path1 }}/{{ ad.path2 }}...</a>

लेकिन मैं सोच रहा हूं कि अगर स्ट्रिंग के कुछ खंड खाली हैं तो उस मामले को कैसे संभालना है; उदाहरण के लिए path2 का मान न होना।

मैं एंकर टैग के अंदर ng-container with और *ngIf निर्देश का उपयोग कर सकता था लेकिन यह वास्तव में गन्दा और फूला हुआ दिखता है:

<a class="url">{{ ad.domain }}<ng-container *ngIf="ad.path1 !== ''">/{{ ad.path1 }}</ng-container><ng-container *ngIf="ad.path2 !== ''">/{{ ad.path2 }}</ng-container>...</a>

यह काम पूरा करता है, लेकिन मैं सोच रहा हूं कि इसे कुशलतापूर्वक करने का कोई अन्य कोणीय तरीका है या नहीं।

0
IvanS95 6 सितंबर 2019, 19:40

1 उत्तर

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

इस तरह टर्नरी ऑपरेटर का उपयोग करें

<a class="url">{{ ad.domain+(ad.path1?'/'+ad.path1:'')+(ad.path2?'/'+ad.path2:'') }}</a>
1
Zulqarnain Jalil 6 सितंबर 2019, 16:48