Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- angular button
- 앵귤러 애니메이션
- 아이오닉 스크롤 이벤트
- angular animation
- egov spring ajax 사용 예시
- angular route
- scroll
- 셀렉트박스 커스텀
- Oracle LISTAGG 사용 예시
- Ionic modal
- modal
- ApexChart
- 모달
- 스크롤 이벤트 감지
- formgroup
- angular modal
- flex-1
- TAILWIND
- Router
- summary
- 검색
- 앵귤러 모달
- ajax 사용 예시
- 호버
- 옵저버블
- mysql if
- 스크롤 이벤트
- Angular Router
- prisma
- route
Archives
- Today
- Total
목록Angular [()] (1)
깜놀하는 해므찌로
Angular [()] / 양방향 바인딩
[] 프로퍼티 바인딩 문법 () 이벤트 바인딩 문법 두 개가 결합된 형태 [()] export class SizerComponent { @Input() size!: number | string; // 현재 컴포넌트 안으로 들어오는 데이터 @Output() sizeChange = new EventEmitter(); // 부모 컴포넌트로 데이터를 보내기 위해 dec() { this.resize(-1); } inc() { this.resize(+1); } resize(delta: number) { this.size = Math.min(40, Math.max(8, +this.size + delta)); this.sizeChange.emit(this.size); } } 1. Math.min() 함수는 주어진 숫자..
IT
2023. 4. 24. 13:53