展会＆NBSP如果值空

Posted 2021-04-01

我需要显示在table细胞非打破空间，如果值为空。这是我的模板：

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

我已经试过这一点，但它不工作：

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

下面是它返回null值的问题：

如果许可证编号过来与null值，细胞是空的，行着色看起来是这样的。

使用lucuma的建议，就说明这一点：

在更换过滤器if语句后，仍然没有显示非null值：

答案

你有什么应该工作。你是缺少一个右}，并有一个在需要删除的表达式中。

这里是在您的解决方案的工作和NG-如果一个演示。 http://plnkr.co/edit/UR7cLbi6GeqVYZOauAHZ?p=info

过滤器可能是要走的路线，但你可以用一个简单的NG-如果还是NG秀做（无论是在TD甚至在跨度）：

<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

另一答案

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

正如@Donal为了说这个工作，你需要使用ngSanitize's指令ng-bind-html是这样的：

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

编辑：

这里有一个简单的例子：http://jsfiddle.net/mikeeconroy/TpPpB/