Необходимо добавить событие onclick в динамический HTML-контент, который я получаю от api -angular5

Мой проект angular5 получает полный набор HTML-контента со стороны API, и я показываю его как есть. Теперь, после загрузки, мне нужно выбрать некоторые элементы div, где на его onClick он применит поле выбора вокруг этого конкретного div. Я не могу ввести событие щелчка из файла машинописного текста. Может ли кто-нибудь помочь с этим? Ниже приведен код, который я использовал для визуализации HTML-кода для просмотра. Заранее спасибо.

       import {Component, OnInit, Pipe, PipeTransform, ElementRef, Renderer2} 
        from '@angular/core';
        import {SurveyFormPreviewService} from './survey-form-preview.service';
        import {DomSanitizer} from '@angular/platform-browser';

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

    @Component({
        selector: 'app-survey-form-preview',
        template: '<div [innerHTML] = "htmlString | safeHtml"></div>',
        styleUrls: ['./survey-form-preview.component.css']
    })
export class SurveyFormPreviewComponent implements OnInit {
    htmlString: SafeHtmlPipe;

    constructor(private surveyFormPreview: SurveyFormPreviewService, private elementRef: ElementRef,
        private renderer: Renderer2, private elRef: ElementRef
    ) {
        this.getSurveyFormPreview(1);
    }

    getSurveyFormPreview(surveyId: number): void {
        surveyId = 5;
        this.surveyFormPreview.getPreview(surveyId)
            .subscribe(
            resp => {
                this.htmlString = resp["html"];

            },
            error => console.info(error));
    }