jquery and angular 6 change detection and data binding

I am using Angular 6 along with Jquery for my web application. I have a button from jquery. On click of that button, I want to trigger a function from my angular 6. But I have not found any functions or any source regarding this. So, Is there anyone who can help me in doing this issue. I have tried out many of possible steps but I cannot get the best solution for this issue. Thank you all in advance.
Here is the code:
This is from Js file

“assets/select_epg.png”,
“HD/SD”,
function () {
if($(‘#HdSdstatus’).text() == “true”){$(‘#HdSdstatus’).html(“false”);
}
else if($(‘#HdSdstatus’).text() == “false”){$(‘#HdSdstatus’).html(“true”);
}
},
“HD/SD”
);

and In TS file I am using now

ngDoCheck(){
if(\$(‘#HdSdstatus’).text() == “true”){
this.playableUrl.getChannelPlayableUrl(this.currentPlayingChannel,”live”, “HQ”).subscribe(data => this.playableUrlStatus(200, data), err => this.playableUrlStatus(err.status, err));
}else{
this.playableUrl.getChannelPlayableUrl(this.currentPlayingChannel,”live”, “SD”).subscribe(data => this.playableUrlStatus(200, data), err => this.playableUrlStatus(err.status, err));
}
// return true;
}
I think this approach for solving this problem but NgDocheck is not doing well.

Source: AngularJS