2016-11-22 54 views
1

我在角模板篩選多個綁定

<span class="info__text"> 
    {{ ::row.brand_name }} {{ ::row.model }} 
</span> 

多個綁定而下面的過濾器,其應該返回值或N/A當值不可用。

angular.module('common').filter('naOrVal',() => { 
    return (val)=> { 
    return val === null || val === '' ? 'N/A' : val; 
    } 
}); 

我想在同一時間,以該過濾器適用於這兩個綁定,使得當整個表達式的計算結果爲空或空字符串我將看到N/A。如果只有其中一個可用 - 我會得到它的價值,沒有N/A。

我一定能解決辦法的情況下,但我想使用過濾器管道和一個一次性的數據綁定過

{{值|篩選}}

+0

有一個問題。過濾器的使用與一個綁定值一起工作? {{:: row.brand_name | noOrVal}} –

+0

過濾器工作 –

回答

0

您可以對第二種情況使用測試。 你不需要第二種情況下的過濾器,因爲條件不會捕捉過濾器上的其他情況:

{{ ::row.brand_name | naOrVal }} 
{{ (::row.model === null || ::row.model === '') ? '' : ::row.model }} 
+0

另一種選擇是爲過濾器創建(並實現)可選的默認文本:{{:: row.model | naOrVal | ''}},專門針對第二種或其他情況。 –