Wyświetl "-" czy wartość jest pusta?

Question

Czy istnieje jakiś sposób, aby powiedzieć w kątowym coś takiego:

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

Więc jeśli nie ma danych w o.name wyświetlanie „-”?

Answer 1

Twój przykład powinien działać, ale jeśli masz spacje lub funkcja w o.Name nie zostanie rozwiązana na falsey, a otrzymasz niewidoczne miejsce w kodzie HTML zamiast pożądanej kreski.

Filtr rodzajowy mogą być wykorzystane do zastąpienia pustych wartości kresek i zastosować różne normalizację na pierwszym wejściu:

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; 
    }; 
}]); 

można następnie wykorzystać je w następujący sposób:

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

to wtedy Całkowicie wielokrotnego użytku dla innych wierszy/kolumn i wszędzie, gdzie chcesz zastosować tę samą regułę.

Przykład: http://jsfiddle.net/kfknbsp7/4/

Answer 2

W tym przypadku można użyć ngIf tak:

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

Answer 3

Można mieć coś za pomocą ngIf jeśli to nie zadziała

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