2016-02-08 2 views
1

Я использую Angular 2. Я пытаюсь извлечь данные из ячейки таблицы. Есть ли Угловая 2 способ сделать это?Как получить данные из ячейки таблицы в угловом 2

Я попытался сделать так, но я получил значение undefined.

<table> 
    <thead> 
    <tr> 
     <th>Firstname</th> 
     <th>Lastname</th> 
     <th>Email</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td (click)="getValue($event)">John</td> 
     <td>Doe</td> 
     <td>[email protected]</td> 
    </tr> 
    <tr> 
     <td>Mary</td> 
     <td>Moe</td> 
     <td>[email protected]</td> 
    </tr> 
    </tbody> 
</table> 

getValue(event:any) { 
    let value = event.target.value; 
    console.log("value", value); 
} 
+0

Не могли бы вы попытаться выяснить, что такое «цель»? например 'console.log (event.target.outerHTML)'? –

+0

@ GünterZöchbauer спасибо, хм .. как этот я получил ' John', значение ** John ** уже есть, но когда я попытался использовать 'event.target .value' или 'event.target.outerHTML'. Затем становится 'undefined'. –

ответ

4

использование вместо

let value = event.target.text; 

или

let value = event.target.innerHTML; 

The <td> не имеет value свойство.

+1

Спасибо! 'event.target.innerHTML' работает,' event.target.text' не работает. –

Смежные вопросы