Angularの日付フィルターを使用して、日付である「date」というモデル属性を表示するテンプレートバインディングがあります。
<span class="gallery-date">{{gallery.date | date:'mediumDate'}}</span>ここまでは順調ですね。ただし、現時点では、日付フィールドに値がない場合、バインディングは何も表示しません。ただし、日付がない場合は文字列 'Various'を表示したい。
バイナリ演算子を使用して基本的なロジックを取得できます。
<span class="gallery-date">{{gallery.date || 'Various'}}</span>ただし、日付フィルターを使用することはできません。
<span class="gallery-date">{{gallery.date | date:'mediumDate' || "Various"}}</span>日付フィルターと一緒に2項演算子を使用するにはどうすればよいですか？
回答:
必要なのは、式の左側を角かっこで囲むことだけでした。
<span class="gallery-date">{{(gallery.date | date:'mediumDate') || "Various"}}</span>{{(gallery.date | date:'mediumDate') || "0"}}
次のフィルターを作成しました。
angular.module('app').filter('ifEmpty', function() {
return function(input, defaultValue) {
if (angular.isUndefined(input) || input === null || input === '') {
return defaultValue;
}
return input;
}
});このように使用するには：
<span>{{aPrice | currency | ifEmpty:'N/A'}}</span>
<span>{{aNum | number:3 | ifEmpty:0}}</span>何か他のことを試したい場合に備えて。これは私のために働いたものです：
次の構造を持つ3項演算子に基づいています。
condition ? value-if-true : value-if-false結果として：
{{gallery.date?(gallery.date | date:'mediumDate'):"Various" }}私はこの回答が本当に好きでした、ngBindを使用すると、デフォルトのテキストは要素の本体にのみ存在し、ngBindがnull以外/未定義の何かに評価される場合、コンテンツは自動的に置き換えられ、すべてが満足です
あなたのcshtmlでは、
<tr ng-repeat="value in Results">
<td>{{value.FileReceivedOn | mydate | date : 'dd-MM-yyyy'}} </td>
</tr>あなたのJSファイルでは、おそらくapp.js、
app.controllerの外に、以下のフィルターを追加します。
ここで「mydate」は、日付を解析するために呼び出す関数です。ここで「アプリ」は、angular.moduleを含む変数です。
app.filter("mydate", function () {
var re = /\/Date\(([0-9]*)\)\//;
return function (x) {
var m = x.match(re);
if (m) return new Date(parseInt(m[1]));
else return null;
};
});