运行 视图中的函数

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 将传递到您的解密函数并显示解密的文本。