2016-04-20 36 views
0

私は、楽しい/練習のためだけに簡単なリストをウェブページとして作成するために、Angularjs with TypeScriptを使用しています。ここでMySQLデータベースからの日付が角度表示で表示されない

module app.ToDo { 

    class ToDoCtrl { 
     toDoItems: app.domain.ToDoItems[]; 

     static $inject = ["dataAccessService"]; 
     constructor(private dataAccessService: app.common.DataAccessService) 
     { 
      this.toDoItems = []; 

      var toDoResource = dataAccessService.getToDoResource(); 
      toDoResource.query((data: app.domain.ToDoItems[]) => { 
       this.toDoItems = data; 
      }); 
     } 
    } 

    angular.module("toDoManagement").controller("ToDoCtrl", ToDoCtrl); 
} 

私ToDoItemsクラスです:

module app.domain { 
    export class ToDoItems { 
     constructor(public id: number, public title: string, public description: string, 
     public due: Date, public completed: boolean) { } 
    } 
} 

ものは私のデータベース内のすべてのフィールドですが、これは、オブジェクトをデータベースに照会し、保存する私のコントローラです。これが私の見解です:

<table> 
    <thead> 
     <tr> 
      <td>Title</td> 
      <td>Description</td> 
      <td>Due Date</td> 
      <td>Completed</td> 
     </tr> 
    </thead> 
    <tbody ng-repeat="item in vm.toDoItems"> 
     <tr> 
      <td>{{item.title}}</td> 
      <td>{{item.description}}</td> 
      <td>{{item.due}}</td> 
      <td>{{item.completed}}</td> 
     </tr> 
    </tbody> 
</table> 

私の問題はDue列は、各行に対して空を示しています。これは、MySQLからJavaScriptへのフォーマットエラーですか?私のデータベースのDueフィールドは、DATEではなく、DATETIMEです。 FIXED

問題は、私は、データベース内の変数を命名する方法のため、Dueの値はクラス内に存在しなかった変数に代入されていたし、代わりに自身の作っていたということでした変数私が知らなかったdue_Dateという名前の変数。私はただバインディングを{{item.due}}から{{item.due_Date}}に変更しなければなりませんでした。

答えて

0

これは暗闇の中での一撃ですが、角のヘルプの日付フィルタはありますか?

{{item.todo |日付: 'medium'}}

私はそれがちょうど私の頭の上にあると思う。

+0

お返事ありがとう!申し訳ありませんが、そんなに愚かな誤りでした。 –

+0

ええ{{items | json}}は命の恩人です=) –

関連する問題