Hiển thị "-" nếu giá trị trống?

Question

Có cách nào để nói trong góc một cái gì đó như thế này:

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

Vì vậy, nếu không có dữ liệu trong o.Name để hiển thị "-"?

Answer 1

dụ bạn nên làm việc, nhưng nếu bạn có khoảng trắng hoặc một chức năng trong o.Name nó sẽ không giải quyết để falsey và bạn sẽ nhận được một không gian vô hình trong HTML chứ không phải là dấu gạch ngang mong muốn.

Một bộ lọc chung có thể được sử dụng để thay thế các giá trị rỗng cho dấu gạch ngang và áp dụng bình thường khác nhau trên đầu vào đầu tiên:

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

Sau đó, bạn có thể sử dụng nó như sau:

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

Đây là sau đó hoàn toàn có thể tái sử dụng cho các hàng/cột khác và bất kỳ nơi nào khác mà bạn muốn áp dụng cùng một quy tắc.

Ví dụ: http://jsfiddle.net/kfknbsp7/4/

Answer 2

Đối với trường hợp này, bạn có thể sử dụng ngIf như thế này:

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

Answer 3

Bạn có thể có một cái gì đó sử dụng ngIf nếu điều này không làm việc

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