如何在AngularJS中显示是/否而不是真/假

时间:2014-07-07 13:13:22

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

我正在使用cellTemplate在网格中显示数据,现在我必须在ng-grid中显示数据,我可以在一列中显示包含true或false值的数据,请指导我如何显示true或者是错误数据,例如是或否,即,对于真值,我必须显示是,而对于错误值,请指示我做出的所需更改。

3 个答案:

答案 0 :(得分:21)

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

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

答案 1 :(得分:0)

您可以在代码中添加ng-options

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

然后定义

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

答案 2 :(得分:-1)

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

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