32c07ceca0
`item` is an object, so it is stringified to `[object Object]`. Using its `name` property produces a more meaningful message. PR Close #31611
30 lines
734 B
TypeScript
30 lines
734 B
TypeScript
import { Component } from '@angular/core';
|
|
import { Item } from './item';
|
|
|
|
@Component({
|
|
selector: 'app-root',
|
|
templateUrl: './app.component.html',
|
|
styleUrls: ['./app.component.css']
|
|
})
|
|
export class AppComponent {
|
|
|
|
currentItem = { name: 'teapot'} ;
|
|
clickMessage = '';
|
|
|
|
onSave(event?: KeyboardEvent) {
|
|
const evtMsg = event ? ' Event target is ' + (<HTMLElement>event.target).textContent : '';
|
|
alert('Saved.' + evtMsg);
|
|
if (event) { event.stopPropagation(); }
|
|
}
|
|
|
|
deleteItem(item: Item) {
|
|
alert(`Delete the ${item.name}.`);
|
|
}
|
|
|
|
onClickMe(event?: KeyboardEvent) {
|
|
const evtMsg = event ? ' Event target class is ' + (<HTMLElement>event.target).className : '';
|
|
alert('Click me.' + evtMsg);
|
|
}
|
|
|
|
}
|