角4（クリック）が機能していません<i>要素

Question

こんにちは、私は簡単な質問があります。誰も私に説明することができます（クリック）は、HTML要素で動作しないのですか？

私は（クリック）タグ内全体番目の要素を配置し、適用することによって、この回避する方法を見つけた

table.component.html

<th>Date of creation <i class="fa fa-sort" (click)="sort()"></i></th> 

table.component.ts

import { Component, OnInit } from '@angular/core'; 
import { DocumentsService } from '../documents.service'; 

@Component({ 
    selector: 'app-table', 
    templateUrl: './table.component.html', 
    styleUrls: ['./table.component.css'] 
}) 
export class TableComponent implements OnInit { 

    constructor() { } 

    ngOnInit() { 
    } 

    sort(){ 
    console.log("test"); 
    } 
} 

なぜ、これが要素で機能していないのか不思議です。

Answer 1

まあ、<i></i>タグの間には何も書かれていないので、クリックイベントをクリックしたり上げたりすることはありません。タグ間に何かを書くと、ソート方法を呼び出すことができます。