Как вызвать функцию ts из кода js и передать значение переменной

У меня есть ситуация, когда при нажатии на элемент html я получаю значение атрибута в home.ts с помощью jquery. Когда кнопка нажата, я хочу вызвать функцию и передать значение этого извлеченного атрибута в переменной в вызываемой функции.

Ниже мой код:

**home.html**

<div id="mainDiv">
  <span action="10004">Quick Task</span>
</div>

**home.ts**

//declare var $: any;
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import $ from "jquery"; //intentional use of jQuery

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController) {

  }

  actionid;

  ngOnInit(){
    var mainDiv = document.getElementById("mainDiv");
    mainDiv.addEventListener("click", function (event) {
      console.log("Inside Event Listener");
      event.preventDefault();
        var link_id = $(event.target).attr("action");
        console.log("Actionid is:: " + link_id);
      //  this.actionid = link_id;
      //  var x = this.callpagedata();
  });
  }

  callpagedata(){
console.log("callpagedata function fired,actionid is::", this.actionid)
  }

}

Редактировать

Что-то вроде этого нужно использовать:

this.actionid = HTMLElement.addEventListener<"click">.......