How to hang events in Angular2 and access attributes for html coming from api?

Question

Angular

Good afternoon!
There is a task to pass html with non-standard tags and attributes from Rest API to Angular2.
Once passed, Angular should be able to interact with that html. Process clicks on it, get attribute values, etc.
Tell me which way to dig?
html example:

<some-container>
        <some-tag some-id="123123" >text</some-tag>
</some-container>

It is necessary to process clicks on some-tag, and get the value of some-id

Answer 1

By means of what do you plan to process these very clicks and get attribute values?
If, for example, you will use jQuery, then this option will do:

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser'

@Pipe({ name: 'safeHtml' })
export class SafeHtmlPipe implements PipeTransform {
    constructor(private sanitized: DomSanitizer) { }
    transform(value: string) {
        return this.sanitized.bypassSecurityTrustHtml(value);
    }
}

Then we render the content that came from RestAPI and work with all the tags and attributes that came in:
<div [innerHTML]="data.content | safeHtml"></div>

Answer 2

Yes, that's exactly what I did + created directives for the necessary tags. But html does not turn into angular entities ... How to additionally initialize it, as a template, is not clear (