2016-12-08 4 views
0

私は、localStorage変数が一致する場合にのみ {{info.email}}のユーザをこのデバイスに表示しようとしています。このデータがデータベースから来るので、 。誰もこれを達成する方法についていくつかの光を当てることができますか?1つの要素に複数のテンプレートバインディングを含めることはできません。 ngForとngIfを一緒に使用する

<ul> 
    <li *ngFor="let info of infos" (click)="personTapped($event, info);" *ngIf="(window.localStorage.getItem('userLoggedIn') === info.email)"> {{info.username}} (USER ON THIS DEVICE) 
    </li> 
</ul> 
+0

実際にコンポーネントインスタンスから表示したいもののリストを公開しないのはなぜですか? '* ngFor ="にinfosToShow() "の情報を入力します。 – jonrsharpe

+1

Dup of http://stackoverflow.com/questions/40860933/ngif-and-ngfor-on-td-td-element http://stackoverflow.com/questions/39570915/using-ngif-and-ngfor-in-オプションhttp://stackoverflow.com/questions/34657821/ngif-and-ngfor-on-same-element-causing-error – yurzui

答えて

0

yurzuiは、あなたがこのようにそれを行うことができ、言ったように:*ngIf and *ngFor on <td></td> elementng-containerを使用します。

*ngIfの代わりに[hidden]を使用してください。

関連する問題