Question

我正在使用AngularFire2在我的html页面上实时显示数据，它通过async连接。

<ion-item *ngFor="let item of Reminders | async">
   <!-- display below -->
   <ion-label>{{item.name}}</ion-label>
</ion-item>

在打字稿方面：

import {FirebaseListObservable, AngularFireDatabase} from 'angularfire2/database';
Reminders: FirebaseListObservable<any[]>;
//Call database
this.Reminders = db.list('/xxx/');

一切都很好，我现在的问题是在事物的观点方面，{{item.name}}实际上是加密的，因此我想在显示之前调用函数或找到解密方法，因为它正在使用async我不知道是否有可能因为记录this.Reminders只给我一个Observable，有没有办法让我实现这个目标？

Answer 1

只需在控制器中定义一个功能即可解密您的数据：

decrypt(value) {
  // ...
  // decrypt logic
  // ...
  return decryptedValue;
}

然后您可以在模板中使用它：

{{decrypt(item.name)}}

当您Reminders加载并且*ngFor开始加载时，item.name将被传递到您的解密函数并显示已解密的文本。

在视图上运行功能

1 个答案: