根據條件的角引導程序表列值設置

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