HOHO-240327 todo 실습

<!-- // 기본 앵귤러 파일 지우고 준비
 ng g component login 로그인 이라는 컴포넌트를 
 ng 명령어를 통해 생성 하겠다는 의미 
 //필요한것 입력창 //입력창 버튼 -->

<input type="text" placeholder="입력"(ngModel)]="inputvalue" />
<button>추가</button>
<!-- // 컴포넌트를 앱 라우트에 연결 해야함 // { path: 'practice', loadComponent: ()
=> import('./pages/practice/practice.component').then(m => m.PracticeComponent)
} // -->

// 입력값을 받아서 그 속에 저장 할수 있는 곳을  만들어야함//
//[(ngModel)]="inputvalue"
//ngmodel- 인풋에 입력된 값을 바인딩 한다//
//ngmodel을 쓰려면 ts 파일에 import 에 formmodule을 불러와야함 
-> formmodule

//버튼이 눌렀을때 인풋 값이 전달되어서 추가가 되는 함수를 가 있어야함//
// 이벤트 는 () 소괄호로 하여서 (click)으로함 마우스 이벤트는 찾아보면 많음 //

import { Component } from '@angular/core';

@Component({
  selector: 'app-practice',
  standalone: true,
  imports: [ formModule],
  templateUrl: './practice.component.html',
  styleUrl: './practice.component.scss'
})
export class PracticeComponent {

inputvalue : string = '';
  
}

앵귤러 이벤트 바인딩

Angular