2015年5月11日月曜日

AngularJSで、カスタムフィルター(Custom Filter)

AngularJSで、カスタムフィルター(Custom Filter)です。{{ expression | filter }}で、文字列にフィルターをかけて整形できます。既存の組み込みフィルターは、こちら

app/js/filters.js
angular.module('phonecatFilters', []).filter('checkmark', function() {
  return function(input) {
    return input ? '\u2713' : '\u2718';
  };
});
app/partials/phone-detail.html
<dt>Infrared</dt>
<dd>{{phone.connectivity.infrared | checkmark}}</dd>
<dt>GPS</dt>
<dd>{{phone.connectivity.gps | checkmark}}</dd>

実際に設定してみたサイトがこちら



参考サイト
filter components in ng(AngularJS)

0 件のコメント:

コメントを投稿