목록angular (3)

이게 무슨 일이야!

[Angular 12] element 에 focus 주기

Angular 에서 focus 주는건 간단한데 ... 원칙대로 했는데 안되서 여러가지 시도해서, 해결책을 찾아서 메모함 버전 : Angular 12 1. html (focus 주려는 애) 2. .ts (focus 주는 애) import { ElementRef, OnInit, QueryList, Renderer2, ViewChild } from '@angular/core'; export class IptSelectComponent implements OnInit { ... @ViewChild('optionPanel', {static:true}) optionPanel:ElementRef; ... openOptionPanel() { this.optionPanel.nativeElement.focus(); //이..
프론트엔드 개발/개발 팁 2022. 6. 8. 10:56
[Angular] Dialog 개발 - 2

[Angular] Dialog 개발 - 1 https://eunice6113.tistory.com/27 에서 이어서 만듭니다. 시작하기 전에, Reference https://poiemaweb.com/angular-service Angular 를 너무 오래전에 공부한 탓에.. 버전이 바뀌면서 새로 추가된 기능들을 잘 이해하지 못하고 있었다 이분 블로그를 보면서 의존성 주입에 대해서 쉽게 이해할 수 있었다. 추천! (Angular 홈페이지 매뉴얼은.. 어렵더라..) dynamic component 생성만으로도 이미 dialog library 는 쓸 수 있긴 하다. 사실.. dialog 는 단순하게 생각하면 두개를 화면에 띄웠다 숨겼다 하면 그만인 물건이다. 근데 어쩌다가 3일이나 삽질했냐면 (...) An..
프론트엔드 개발 2022. 4. 15. 14:50
[Angular] Dialog 개발 - 1

디자인 시스템에 들어갈 UI Library 한개씩 만드는 중인데, 특별히 인상 깊은(....) dialog UI Library 개발 과정을 공유해보려고 한다 참고한 Reference 먼저 공유하자면 Reference https://material.angular.io/components/dialog/overview Angular Material Library > Dialog 를 보고 참고하여 최대한 모방함. 왜냐하면 잘 모르니까.. 따라 만들면서 배우려고 함.. (Angular 자체를 만든 사람들이 내놓은 Library 이니 얼마나 Angular 를 잘 이용해서 만들었겠음) https://angular.io/guide/dynamic-component-loader (번역) https://angular.kr/..
프론트엔드 개발 2022. 4. 14. 15:34
Prev 1 Next