javascript - Angular js 内联条件 - 检测数字

Question

数据来自 db ，这个 html 元素是 ng-repeat

{{count}}

我的问题

如果有其他条件，我该如何显示，

如果 count 为 null (无计数值)，我将显示 0 (计数值应为零)，否则显示原始 计数值

我希望有像{{count if '' else ''}}这样的解决方案

Answer 1

您可以使用 {{count || 在您的 View 中包含逻辑0}} 或 {{ 计数 ? count : 0 }} 但这使得可维护性更加困难并且重复逻辑。

更好的选择是创建自定义过滤器。这将允许您在一个位置定义条件，并使其可在许多指令中重复使用，而且可测试。

.filter('isEmpty', function() {
   return function (data) {
    return (data === null || data === undefined) ? 0 : data;   
   }
});

你会像这样使用它

{{item | isEmpty}}

参见 fiddle :http://jsfiddle.net/fhfsex4v/2/

编辑:这是过滤器的文档，它将解释它的作用以及如何将可选的额外参数传递到过滤器和其他很酷的东西中。 https://docs.angularjs.org/guide/filter