AngularJS Countdownの作成ng-repeatとAPI接続

Question

私はAngularjsアプリを持っています。アプリケーションでは、データがng-repeatとAPI接続で表示されているテーブルがあります。これは私のコントローラでAPI接続を介して情報を取得していることを意味します。 データ項目の1つが「日付と時刻」です。 ng-repeatを使用すると、データベースにあるように日付が表示されますが、カウントダウンとして表示するようにしたいのですが、データベースとまったく同じではありません。私はちょうどカウントダウンとして、それを表示し、それが2015年3月12日10時〇〇分00秒GTM

あるデータベースにある好きではないしたい

<tbody> 
     <tr class="info" id="{{$index}}" ng-repeat="matches in future_match"> 
      <td style="text-align: center;"> 
      <img src="asset/images/loltables.png"></td> 
      <td style="font-weight:bold;">{{matches.matche_title}} - Best Of {{matches.matche_bestOf}} 
      <br></br> <center><img ng-src="{{matches.competitors.0.c_img}}" style="padding-right: 30px; padding-bottom: 15px;"/><img ng-src="{{matches.competitors.1.c_img}}" style="padding-bottom: 15px;"/><br>{{matches.competitors.0.c_short_name}}&nbsp;&nbsp; <b>vs.</b> &nbsp;&nbsp;{{matches.competitors.1.c_short_name}}</center></td> 
      <td style="text-align: center;"><i class="fa fa-dollar" style="color:green;"></i>50&nbsp;</td> 
      <td style="text-align: center;">50</td> 
      <td style="text-align: center;">{{matches.matche_start}}</td> 
      <td style="text-align: center;"><button type="button" data-toggle="modal" data-target="#ava_gold" ng-click="select(matches)" class="btn btn-info btn-circle">Enter</button></td> 
     </tr> 
    </tbody> 

：ここ

はHTMLコードです

私はAngularjsを初めて使っていますので、簡単で簡単です。この時にどこへ行く

Answer 1

一つの方法は、例えば、カスタムfilterを作成することです

ありがとう：

​​

カスタムフィルタは、設定ファイルに配置する必要があります（おそらくapp.js）、およびあなたは、通常のパイプラインの構文を使用してHTMLページ内で使用できるより：

<td style="text-align: center;">{{ matches.matche_start | countdown }}</td>