私は、楽しい/練習のためだけに簡単なリストをウェブページとして作成するために、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}}
に変更しなければなりませんでした。
お返事ありがとう!申し訳ありませんが、そんなに愚かな誤りでした。 –
ええ{{items | json}}は命の恩人です=) –