【问题标题】:How to display Yes/No instead of True/False in AngularJS [closed]如何在AngularJS中显示是/否而不是真/假[关闭]
【发布时间】:2014-07-07 13:13:21
【问题描述】:

我正在使用 cellTemplate 在网格中显示数据,现在我必须在 ng-grid 中显示数据,我可以在一列中显示包含真值或假值的数据,请指导我如何显示真值或错误数据,例如是或否,即,对于真值,我必须显示是,对于假值,我必须显示为否。请指导我哪些变化会导致我需要的结果。

【问题讨论】:

标签: angularjs ng-grid angular-ng-if


【解决方案1】:

创建一个简单的过滤器,例如:

app.filter('true_false', function() {
    return function(text, length, end) {
        if (text) {
            return 'Yes';
        }
        return 'No';
    }
});

并在你的 cellTemplate(或任何你想要的地方)中使用它:

cellTemplate: '<div class="ngCellText">{{row.getProperty(col.field) | true_false}}</div>'

这是Plunker

【讨论】:

  • 感谢您的建议,我期待 ng-if 类型的解决方案根据条件将 true 转换为 yes。如果可能,请发送您的答案
【解决方案2】:

您可以在标签中添加ng-options

ng-options="myMethod(item) for item in [true, false]"

然后定义

$scope.myMethod = function(arg) {return arg ? 'Yes' : 'No'};

【讨论】:

  • 该值不是硬编码的,无论是真值还是假值都来自json数据的变量动态
【解决方案3】:

您好,请看这里:http://jsbin.com/bogir/1/edit?html,js

  <span ng-show="model">true</span>
  <span ng-hide="model">false</span>

【讨论】:

  • 我想在 plunker [link](plnkr.co/edit/N1wtkAHnnKA77gI6YW4D?p=preview) 中的第 0.24 行将 true 更改为 yes
  • 呃,这个例子中的ng-grid在哪里?
  • 无论如何,过滤器也可以在这里工作。 plnkr.co/edit/sTYo8hSIwYYnhX2YfKVU?p=preview 我允许自己清理你的凌乱示例。在继续提问之前,请阅读一些关于 Angular 的教程。并在本页顶部的帮助菜单中进行游览,以了解如何提问。这可能会让你免于投反对票。
  • 感谢您的建议,ng-grid 是我的工作空间,我想解释一下我使用那个 plunker 的情况,是否有任何基于 ng-if 条件的解决方案将动态数据传输为 true视情况而定。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-11
相关资源
最近更新 更多