以ng-repeat angular格式化列值

时间:2016-09-10 15:34:46

标签: javascript angularjs

我很有角度,我有一个问题。我在数组中的值中有1或0的值。 当我在表格中显示这些时,我想显示否,如果它是0,则是,如果是1。

我有这个表,Active显示1或0。

<table class="table table-striped table-bordered"        id="tableA">
                    <thead>
                                   <tr>
                                                       <th>ID</th>
                                                       <th>Namn</th>
                                                       <th>Active</th>
                                   </tr>
                </thead>
                <tbody>
                                   <tr ng-repeat="item in dRows">
                                                       <td>{{item.ID}}</td>
                                                       <td>{{item.Name}}</td>
                                                       <td>{{(item.Active)}}</td>
                                   </tr>
                </tbody>

如何才能让它成为是和否? 请帮助,谢谢

1 个答案:

答案 0 :(得分:1)

如果您使用Angular版本1.1.5或更高版本,则可以使用条件运算符(?:):

<td>{{(item.Active == 1 ? 'Yes':'No')}}</td>

另一种方法是使用过滤器。 首先,将过滤器添加到当前模块

app.filter('YesNo', function () {
    return function (num) {
        return num === 1 ? 'Yes' : 'No';
    };
});

然后将其用作

 <td>{{(item.Active | YesNo)}}</td>