variabelen - Hoe waarde door te geven van html naar typescript die is opgenomen in accolades

Ik ontwikkel een hybride chat-app met Ionic 2 en ik wil een waarde doorgeven van HTML naar TypeScript bij een klikgebeurtenis, maar de waarde is synchroon vanaf Firebase, dus staat deze tussen ronde haken en HTML staat niet toe om een waarde in ronde haken binnen andere ronde haken te zetten.

directchat.ts

import { Component, ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';
import { MessagePage } from '../message/message';
import { Observable } from 'rxjs/Observable';
import { UserProvider } from '../../providers/user/user';
import { AngularFire } from 'angularfire2';
import 'rxjs/add/operator/map';
import { UsersPage } from '../users/users';
import { ChatsProvider } from '../../providers/chats/chats';

@Component({
  selector: 'page-directchat',
  templateUrl: 'directchat.html'
})
export class DirectchatPage {
  userimg: any;
  chats:Observable<any[]>;
  constructor(public chatsProvider: ChatsProvider,
      public userProvider: UserProvider, 
      public af:AngularFire, 
      public nav: NavController) {
        let that = this;
        this.chatsProvider.getChats()
        .then(chats => {
            that.chats = chats.map(users => {
                return users.map(user => {
                    user.info = that.af.database.object(`/users/${user.$key}`);
                    return user;
                });
            });
        });
      }

  openChat(key,name) {
      this.userProvider.getUid()
      .then(uid => {
          let param = {uid: uid, interlocutor: key};
          this.nav.push(MessagePage,param);
      });   
    }

gotochats(){
  this.nav.push(UsersPage)
}
goback(){
  this.nav.pop()
  } 
}