根据条件的角引导程序表列值设置

Question

我使用角引导程序创建了一个数据表。数据来自范围变量。但是在满足一些条件之后需要设置一列。

$scope.users = [ 
{name:'David',age:15,city:'NYC'}, 
{name:'Rick',age:25,city:'Boston'}, 
{name:'Don',age:20,city:'Boston'}, 
{name:'Luis',age:10,city:'Florida'}, 
{name:'Harry',age:30,city:'Boston'}, 
{name:'Dravid',age:28,city:'Texas'} 
]; 

$('#bootTable').bootstrapTable({ 
    data : $scope.users, 
    sortName: 'name', 
    sortOrder: 'asc', 
    columns: [ 
    { 
     field: 'name', 
     title: 'Name', 
     sortable: true 
    }, 
    { 
     field: 'age', /* condition should be checked before setting value */ 
     title: 'Category', 
     sortable: true   
    }, 
    { 
     field: 'city', 
     title: 'City' 
    } 
    ] 
}); 

到目前为止，该类别将显示为年龄本身。 但类别栏应该是"Child" if the age < 21或者如果age >= 21 it should be "Adult"

我该如何做到这一点。任何想法都会非常有帮助。

Answer 1

您可以使用条件值

{{age < 21 ? "Child" : "Adult"}} 

我不知道为什么你写了这么多的脚本来排序表中，我们可以用这样

<td ng-click="sortType = 'age'; sortDesc = !sortDesc"> 
    Age 
    <span ng-show="sortType != 'Age'" class="fa fa-sort"></span> 
    <span ng-show="sortType == 'Age' && sortDesc" class="fa fa-sort-asc"></span> 
    <span ng-show="sortType == 'Age' && !sortDesc" class="fa fa-sort-desc"></span> 
</td> 

或check this