Açısal görünüm & nbsp değeri boşsa

Question

Bir değer boşsa, bir tablo hücresinde kesilmeyen bir alan göstermem gerekiyor.

<td class="licnum">{{participant.LicenseNumber}}</td> 

Bu denedim ama çalışmıyor:

edin: Burada

<td class="licnum">{{participant.LicenseNumber} || "$nbsp;"}</td> 

boş değerlere dönen sorunu da bu Bu benim şablon Lisans Numarası boş değer ile birlikte gelir, hücre boş ve satır rengi bu gibi görünüyor.

Lucuma önerisini kullanmak, bunu gösterir:

filtresinde eğer ifadeyi değiştirerek, hala boş olmayan değerler göstermiyor sonra

:

Answer 1

Ne çalışmalı. Kapanış } eksik ve kaldırılması gereken ifadenin ortasında bir tane var.

Çözümünüzün çalışmasını gösteren bir demo ve ng-if. http://plnkr.co/edit/UR7cLbi6GeqVYZOauAHZ?p=info

bir filtre muhtemelen gitmek rota, ancak bunu yapabilirdi basit ng-if (ya td üzerinde veya hatta bir yayılma üzerine) veya ng-show:

<td class="licnum" ng-if="participant.LicenseNumber">{{participant.LicenseNumber}}</td> 
<td class="licnum" ng-if="!participant.LicenseNumber">&nbsp;</td> 

veya

<td class="licnum"><span ng-if="participant.LicenseNumber">{{participant.LicenseNumber}}</span><span ng-if="!participant.LicenseNumber">&nbsp;</span></td> 

Bunu, bir denetleyiciye/filtreye kod eklemeyi gerektirmeyen alternatif bir çözüm olarak sunacağım.

Bu yöntemle hakkında biraz yukarı okuyabilir: if else statement in AngularJS templates

Answer 2

angular.module('myApp',[]) 
    .filter('chkEmpty',function(){ 
     return function(input){ 
      if(angular.isString(input) && !(angular.equals(input,null) || angular.equals(input,''))) 
       return input; 
      else 
       return ' '; 
     }; 
    }); 

bu böyle ngSanitize's direktifini ng-bind-html kullanmanız gerekir çalışması için @Donal sırayla söylediği gibi:

<td class="licnum" ng-bind-html="participant.LicenseNumber | chkEmpty"></td> 

DÜZENLEME: İşte

basit örnek: http://jsfiddle.net/mikeeconroy/TpPpB/