Angular2：日期管與異步管

Question

我設置這個代碼，以打印出的訂閱Feed日期字段：

<div class="col-xs-8"> 
    <span class="text-light fs-mini m"> 
    {{((user$ | async).validation) | date: 'dd/MM/yyyy'}} 
    </span> 
</div> 

角告訴我：

ERROR Error: Uncaught (in promise): TypeError: co.user is undefined

我已經到說當我添加date管道時出現問題。 (user$|async).valitation工作正常，沒有格式。

Answer 1

((user$ | async).validation)解析爲undefined然後傳遞給日期管道。

我建議你解決什麼要麼在你的分量subscription然後：

<div class="col-xs-8"> 
    <span class="text-light fs-mini m"> 
    {{ user.validation | date: 'dd/MM/yyyy' }} 
    </span> 
</div> 

或者類似這樣的東西：

<div class="col-xs-8"> 
    <span *ngIf="user$ | async" class="text-light fs-mini m"> 
    {{ user$.validation | async | date: 'dd/MM/yyyy' }} 
    </span> 
</div> 

或者創建一個接受可觀的參數自定義date pipe 。