過濾器用標記代替布爾值

Question

我正在重複一個模型來創建一個表格。該模型接觸多個持有布爾值的對象，我希望能夠執行一些過濾器或邏輯來打印標記（跨度）而不是布爾（真，假）。

如果爲true，則打印一個span標籤 如果爲false，則不輸出任何內容。

我該如何去做這個定製過濾器？或者一些邏輯進一步向上而不是在模板層面。

$scope.results = [ 
      {'date' : '08/02/2014', 'resort' : 'La Plagne', 'sleeps' : '8-9', 'chalet' : 'Arnica', 'offer1' : true, 'offer2' : false, 'offer3' : false, 'offer4' : true, 'offer5' : false, 'offer6' : false, 'offer7' : false, 'pricewas' : '639', 'pricenow' : '249'}, 
      {'date' : '08/02/2014', 'resort' : 'La Plagne', 'sleeps' : '8-9', 'chalet' : 'Grange', 'offer1' : false, 'offer2' : false, 'offer3' : false, 'offer4' : true, 'offer5' : false, 'offer6' : false, 'offer7' : false, 'pricewas' : '639', 'pricenow' : '249'}, 
      {'date' : '09/02/2014', 'resort' : 'Tignes', 'sleeps' : '12-14', 'chalet' : 'Chartreux', 'offer1' : false, 'offer2' : false, 'offer3' : false, 'offer4' : false, 'offer5' : false, 'offer6' : false, 'offer7' : false, 'pricewas' : '549', 'pricenow' : '366'}, 
      {'date' : '15/02/2014', 'resort' : 'La Plagne', 'sleeps' : '8-9', 'chalet' : 'Arnica', 'offer1' : false, 'offer2' : false, 'offer3' : false, 'offer4' : true, 'offer5' : false, 'offer6' : false, 'offer7' : false, 'pricewas' : '639', 'pricenow' : '249'}, 
      {'date' : '08/02/2014', 'resort' : 'La Plagne', 'sleeps' : '10-13', 'chalet' : 'Renard', 'offer1' : true, 'offer2' : false, 'offer3' : false, 'offer4' : false, 'offer5' : false, 'offer6' : false, 'offer7' : true, 'pricewas' : '1039', 'pricenow' : '699'}, 
     ]; 

tempalte

<tr ng-repeat="result in results"> 
    <td> 
    {{ result.date | date:'medium' }} 
    </td> 
    <td> 
    {{ result.resort }} 
    </td> 
    <td> 
    {{ result.chalet }} 
    </td> 
    <td> 
    {{ result.sleeps }} 
    </td> 
    <td> 
    {{ result.offer1 }} 
    </td> 
    <td> 
    {{ result.offer2 }} 
    </td> 
    <td> 
    {{ result.offer3 }} 
    </td> 
    <td> 
    {{ result.offer4 }} 
    </td> 
    <td> 
    {{ result.offer5 }} 
    </td> 
    <td> 
    {{ result.offer6 }} 
    </td> 
    <td> 
    {{ result.offer7 }} 
    </td> 
    <td> 
    {{ result.pricewas | currency:'£'}} 
    </td> 
    <td> 
    {{ result .pricenow | currency:'£'}} 
    </td> 
</tr> 

Answer 1

您可以在Step 09 - Filters查看官方的角度教程。有關如何create custom filters

更多信息;