2017-03-10 9 views
1

ng-repeatを使用して作成されたテーブルがあります。そのテーブルの中に私はmd-datepickerがあります。行の一部は、yyyy-mm-ddの形式で日付が設定されます。 datepickerが存在する場合、その値に日付ピッカーをあらかじめ設定したいと思います。それをどうやってやりますか?ここでは、コードです:ng-repeatでmd-datepickerを設定

<tr ng-repeat="y in rides | orderBy : 'id'"> 
    <td >{{y.Student}}</td> 
    <td>{{y.Instructor}}</td> 
    <td><md-datepicker ng-model="myDate" md-placeholder="Enter date" ng-change="dateChange(myDate, $index)"></md-datepicker></td> 
</tr> 

私は繰り返しにng-init="myDate = y.Date"を追加しようとしたが、これはトリックをしませんでした。

+0

あなたはそれ以外の場合は1つの日付を変更すると、私は私のサーバーへの呼び出しを行い、それを更新するために、 'NG-change'を使用してい –

+0

それらのすべてを変更します、ngRepeat''で単一のモデルを使用しないようにしたいです。次に、ルートがリフレッシュされ、新しいデータが表示されます。だから私はひどく心配しているわけではありません。 – DasPete

答えて

1

ちょうど編集

ng-model = "y.Date"

<md-datepicker ng-model="y.Date" md-placeholder="Enter date" ng-change="dateChange(myDate, $index)"></md-datepicker> 

を追加

.filter('formatDate', function() { 
    return function(obj) { 
     debugger; 
     obj.Date = new Date(obj.Date); 
     return obj; 
    } 
}) 

日付に文字列を変換するフィルタを作成

<tr ng-repeat="y in rides | orderBy : 'id'" ng-init=" y | formatDate "> 
    <td>{{y.id}}</td> 
    <td> 
     <md-datepicker ng-model="y.Date" md-placeholder="Enter date" ng-change="dateChange(myDate, $index)"></md-datepicker> 
    </td> 
</tr> 
とデートするために文字列を変換するためのinitをngのからコールフィルタこと

Demo

+0

これを行うと、私の変更機能は新しい日付を取得できなくなりますか? – DasPete

+0

は 'y.Date'を引数として渡します。 –

+0

' y.Date'を渡す必要はありません。単に 'ng-change'を削除します。 –

関連する問題