प्रदर्शन "-" यदि मूल्य खाली है?

Question

वहाँ इस तरह कोणीय कुछ में कहने के लिए कोई तरीका है:

<th ng-repeat=" o in Odds" >{{o.Name || "-"}}</th> 

तो अगर वहाँ o.Name में कोई डेटा प्रदर्शित करने के लिए है "-"?

Answer 1

आपका उदाहरण काम करना चाहिए काम नहीं करता है आप ngIf का उपयोग कर कुछ हो सकता था, लेकिन आपको रिक्त है, तो या o.ame में एक फ़ंक्शन यह falsey को हल नहीं करेगा और आपको वांछित डैश के बजाय HTML में एक अदृश्य स्थान मिलेगा।

angular.module('App.filters', []).filter('placeholder', [function() { 
    return function (text, placeholder) { 
     // If we're dealing with a function, get the value 
     if (angular.isFunction(text)) text = text(); 
     // Trim any whitespace and show placeholder if no content 
     return text.trim() || placeholder; 
    }; 
}]); 

फिर आप इसका इस्तेमाल कर सकते हैं इस प्रकार है::

<th ng-repeat=" o in Odds" >{{o.Name | placeholder:'-'}}</th> 

यह तो है

एक सामान्य फिल्टर डैश के लिए खाली मानों को बदल देते हैं और पहले इनपुट पर विभिन्न सामान्य लागू करने के लिए इस्तेमाल किया जा सकता अन्य पंक्तियों/स्तंभों के लिए पूरी तरह से पुन: प्रयोज्य और कहीं भी आप एक ही नियम लागू करना चाहते हैं।

उदाहरण: http://jsfiddle.net/kfknbsp7/4/

Answer 2

इस मामले आप इस तरह ngIf उपयोग कर सकते हैं:

<th ng-repeat=" o in Odds" > 
     <span ng-if="o.Name">{{o.Name}}</span>   
     <span ng-if="!o.Name"> - </span> 
    </th> 

Answer 3

अगर यह

<th ng-repeat="o in Odds"> 
    <span ng-if="o.Name">{{o.Name}}</span> 
    <span ng-if="!o.Name">-</span> 
</th>