Angular 2 - onclick

Question

Cześć,

Aktualnie pracuję nad migracją kodu z czystego JS do Angular2/TypeScript. Idzie nieco topornie głównie z uwagi na ubogie źródła wiedzy, więc spróbuję tutaj zarzucić pytaniem.

Potrzebuję obsłużyć kliknięcie pola tabeli, w javascript zrobiłem to w ten sposób:

    var table = document.getElementById("gameBoard");

    if (table != null) {
        for (var i = 0; i < table.rows.length; i++) {
            for (var j = 0; j < table.rows[i].cells.length; j++)
                table.rows[i].cells[j].onclick = function() {
                    HandleTableClick(this);
                };
        }
    }

Ma ktoś może pomysł jak przenieść to na NG2/TS?

Comments

Pokaż jeszcze strukturę tej tabeli w HTML.

Na tą chwilę mały tip:

if (table != null) {

Wystarczy po prostu if ( table ), gdyż w JavaScript wartość null (jak i jeszcze kilka innych) jest z grupy wartości falsy, które to zwracają wartość false.

https://developer.mozilla.org/en-US/docs/Glossary/Falsy

Answer 1

W momencie pisania zapytania zaczynałem swój pierwszy projekt w Angular 2, po kliku godzinach nauki sprawa okazała się banalna. W ng kliknięcia można bardzo łatwo obsłużyć w templatce html((click)="handleClick(field)") i przekazać obiekt reprezentujący pole tabeli handleClick(field: GameField): void{}.