문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 다음 판 | 이전 판 | ||
| angular:event-binding [2019/01/14 08:55] – 만듦 taekgu | angular:event-binding [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| ===== Event Binding ===== | ===== Event Binding ===== | ||
| + | <code javascript> | ||
| + | import { Component, OnInit } from ' | ||
| + | |||
| + | @Component({ | ||
| + | selector: ' | ||
| + | template: ` | ||
| + | <h2> | ||
| + | Welcome {{ name }} | ||
| + | </h2> | ||
| + | <button (click)=" | ||
| + | <button (click)=" | ||
| + | |||
| + | {{ greeting }} | ||
| + | `, | ||
| + | styleUrls: [' | ||
| + | }) | ||
| + | export class TestEbComponent implements OnInit { | ||
| + | name = " | ||
| + | greeting = ""; | ||
| + | constructor() { } | ||
| + | |||
| + | ngOnInit() { | ||
| + | } | ||
| + | |||
| + | onClick(event){ | ||
| + | console.log(event); | ||
| + | this.greeting = event.type; | ||
| + | } | ||
| + | } | ||
| + | </ | ||