ตัวแปร - วิธีส่งค่าจาก HTML ไปยัง TypeScript ที่รวมอยู่ในวงเล็บปีกกา

ฉันกำลังพัฒนาแอปแชทแบบไฮบริดโดยใช้ Ionic 2 และฉันต้องการส่งค่าจาก HTML ไปยัง TypeScript เมื่อเกิดเหตุการณ์คลิก แต่ค่าถูกซิงค์จาก Firebase ดังนั้นมันจึงอยู่ในวงเล็บกลม และ HTML ไม่อนุญาตให้ตั้งค่าในวงเล็บกลมภายในวงเล็บกลมอื่น

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()
  } 
}