javascript-如何将客户端属性添加到FirebaseListObservable中的项目？

我正在构建一个由此Firebase数据库结构支持的简单聊天应用程序：

messages: {
  "-KTjL_oLrKOboa2su2zk": {
    name: "puf",
    text: "Look I'm smiling :-)"
  },
  "-KTjNfaNem752ChFBcnC": {
    name: "puf",
    text: "And Now I'm not smiling"
  }
}

我正在使用Angular2和AngularFire2生成HTML.我在控制器中有一个来自Firebase数据库的简单消息列表：

export class AppComponent {
  messages: FirebaseListObservable<any[]>;
  constructor(public af: AngularFire) {
    this.messages = af.database.list('messages');
  }
}

我想检测每条消息中的某些条件,并将其转换为HTML中的表情符号.由于这纯粹是显示来自现有内容的信息,因此我不想将其存储在数据库中.

我的HTML模板：

<li class="text" *ngFor="let message of messages | async">
  {{message.name}} {{message.emoji}}: {{message.text}}
</li>

在Firebase JavaScript SDK中,这类似于：

ref.on('child_added', function(snapshot) {
  var message = snapshot.val();
  if (message.text.indexOf(':-)') >= 0) {
    message.emoji = '
                
                                 
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。