检查结果值并添加String AngularJS

时间:2016-01-08 08:15:58

标签: javascript html angularjs

我从服务中获取一个数字(百分比),并希望以正确的方式显示数字后面的百分号。在某些情况下,如果数字不可用,服务将返回“N / A”,因此我无法对html中的%进行硬编码,因为它会在最终结果中导致'N / A'%页。

所以我想到的问题是:

如何检查我的结果是否为数字,以便我可以直接在HTML代码中以简单的方式添加char / string,或者我必须检查返回的我的服务在控制器/ JS代码中的价值?

我尝试了类似这样的东西,但由于带有意外字符的错误消息,它无效。

Average User Rating:</b> {{ user.Rating=='N/A' ? 'N/A' : user.Rating '%'}} <br>

2 个答案:

答案 0 :(得分:1)

添加+标志:

{{ user.Rating=='N/A' ? 'N/A' : user.Rating + '%'}}

答案 1 :(得分:1)

更可重用的解决方案:

&#13;
&#13;
app.filter('percentizer', function(){
        return function(value){
            if (!isNaN(value)) return value + "%";
            else return value;
        }
    });
&#13;
{{user.Rating | percentizer}}
&#13;
&#13;
&#13;