사용자 도구

사이트 도구


angular:event-binding

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판
이전 판
angular:event-binding [2019/01/14 08:55] – 만듦 taekguangular:event-binding [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 ===== Event Binding ===== ===== Event Binding =====
 +<code javascript>
 +import { Component, OnInit } from '@angular/core';
 +
 +@Component({
 +  selector: 'app-test-eb',
 +  template: `
 +  <h2>
 +    Welcome {{ name }}
 +  </h2>
 +  <button (click)="onClick($event)">Greet</button>
 +  <button (click)="greeting='Welcome Code'">Greet</button>
 +
 +  {{ greeting }}
 +  `,
 +  styleUrls: ['./test-eb.component.css']
 +})
 +export class TestEbComponent implements OnInit {
 +  name = "Codevolution";
 +  greeting = "";
 +  constructor() { }
 +
 +  ngOnInit() {
 +  }
 +
 +  onClick(event){
 +    console.log(event);
 +    this.greeting = event.type;
 +  }
 +}
 +</code>
angular/event-binding.1547456137.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)