Установка значения столбца таблицы углового бутстрапа в соответствии с условием

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 или