angular2以降のイベント補足について


angular2にて、[innerHTML]で埋め込んだaタグのクリックイベントを取得したいのですが、良い方法がありましたら教えて頂けると幸いです。イメージ的にはjqueryのイベント補足のような感じです。

[code]

    $(document).on('click', '#id', function (event) {
     // 処理
    }
    
[/code]

よろしくお願い致します。




自己解決しました。

結果としてHostListenerというデコレータを利用してイベントを補足して値を取得する方法で実現しました。

[code]

    //宣言
    import { Component, HostListener } from '@angular/core';
    
    // clickイベントを宣言
    @HostListener('click', ['$event'])
    
    onClick(event) {
    　if (event.target.className == "") {
    　//ここでいろいろ
    　}
    }
    
[/code]

もっとよいやり方がありましたらご教授お願いします。




自己解決しました。

結果としてHostListenerというデコレータを利用してイベントを補足して値を取得する方法で実現しました。

[code]

    //宣言
    import { Component, HostListener } from '@angular/core';
    
    // clickイベントを宣言
    @HostListener('click', ['$event'])
    
    onClick(event) {
    　if (event.target.className == "") {
    　//ここでいろいろ
    　}
    }
    
[/code]

もっとよいやり方がありましたらご教授お願いします。

