मान खाली होने पर लेबल टेक्स्ट को कैसे छिपाना है?

Question

एक टेबल सेल के भीतर, मैं नीचे दी गई संरचना का उपयोग करके, एनजी-दोहराने का उपयोग करके पॉप्युलेट किए गए कई आइटम सूचीबद्ध कर रहा हूं। हालांकि, कुछ प्रविष्टियों के लिए, "user.favcolor" जैसे गुण रिक्त हैं। उस मामले में "पसंदीदा रंग:" जैसे टेक्स्ट को छिपाने का सबसे आसान तरीका क्या है ताकि मैं उस पंक्ति के साथ समाप्त न हो जिसमें "पसंदीदा रंग:" हो और उसके पास कोई मूल्य न हो?

 <table> 
      <thead> 
       <tr> 
        <th>Price</th> 
        <th>Plan Contents</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr ng-repeat="tip in tips"> 
        <td>{{tip.priceMonthly}}</td> 
        <td><span>Name: {{user.name}}</span> 
         <span>ID: {{user.id}}</span> 
         <span>Favorite color: {{user.favcolor}}</span> 
        </td> 
       </tr> 
      </tbody> 
     </table> 

Answer 1

आप इस के लिए ng-show निर्देश का उपयोग कर सकते हैं:

<span ng-show="user.favcolor">Favorite color: {{user.favcolor}}</span> 

ng-show काम करता है इस तरह के उस तत्व केवल दिखाया गया है अभिव्यक्ति true का आकलन करती है। यहां एक खाली स्ट्रिंग पूरे तत्व को छिपाने के लिए false का मूल्यांकन करेगी। ,

<span>Favorite color: {{user.favcolor || "Not specified" }}</span> 

इस मामले में अगर user.favcolor एक false का आकलन करती है, यह बजाय Not specified प्रिंट होगा:

वैकल्पिक रूप से, आप एक डिफ़ॉल्ट मान निर्दिष्ट कर सकते हैं।