값 비어있는 경우 각도 표시

Question

값이 비어 있으면 표 셀에 줄 바꿈하지 않는 공백을 표시해야합니다.

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

내가 이것을 시도했지만 작동하지 않습니다 :

경우 : 여기

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

가 null 값을 반환하여 문제의이 내 템플릿입니다 라이선스 번호가 Null 값으로오고 셀이 비어 있고 행 색상이이 모양입니다.

는 lucuma의 제안을 사용하여이 보여줍니다

필터의 경우 문을 변경하면, 여전히 null 이외의 값이 표시되지 않습니다 후

:

Answer 1

을 당신 일해야 해. 닫기이 누락되어 있고 제거해야하는 표현의 중간에 하나가 있습니다.

다음은 솔루션 작동과 ng-if를 보여주는 데모입니다. http://plnkr.co/edit/UR7cLbi6GeqVYZOauAHZ?p=info

필터는 아마 갈 수있는 길입니다,하지만 당신은 그것을 할 수있는 간단한 NG-경우 (어느 TD 또는 심지어 범위에) 또는 NG 프로그램 :

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

또는

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

컨트롤러/필터에 코드를 추가 할 필요가없는 대체 솔루션으로이 기능을 제공하고 있습니다.

이 방법에 대해 조금 읽을 수 있습니다 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 ' '; 
     }; 
    }); 

이이 같은 ngSanitize's 지시 ng-bind-html를 사용해야합니다 작동하도록 @Donal 순서대로 말했다 것처럼 :

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

편집 : 여기

은 간단한 예제 : http://jsfiddle.net/mikeeconroy/TpPpB/