본문 바로가기

Angular2

[Angular/앵귤러] ngClass 란? ngClass 디렉티브사용법 안녕하세요 질서 정연 입니다. 👽 오늘은 ngClass에 대해서 예제를 함께 보며 알아볼게요 ngClass ngClass를 이용하면 HTM element에 CSS class를 지워줄 수도 있고 더해 줄 수도 있답니다. ... ... ... ... ... HTML 태그 안에 [ngClass] ="" 를 넣어 사용 합니다. String 을 넣어주는 경우 맨 첫 줄 예제부터 볼게요! ... 이렇게 string 을 넣어주면 some-element 태그에 first, second 클래스가 추가 됩니다. 제가 만약 CSS에서 first, second라는 이름으로 어떤 스타일을 넣어줬다면 some-element에 first, second 클래스가 추가 되면서 그 스타일이 적용 되겠죠! Array를 넣어주는 경우 .... 2022. 4. 6.
[Angular/앵귤러] ngModel 이란? ngModel 디렉티브란? 안녕하세요 질서정연입니다! 🧚‍♂️ 저는 요즘 앵귤러를 공부하고있는데요! 오늘은 Angular ngModel에 대해서 알아볼게요 ngModel은 directive 예요! 근데.. 디렉티브가 뭘까요? ngModel이 무엇인지 알아보기 전에 먼저 디렉티브가 무엇인지부터 살펴볼게요 ~ 디렉티브(Directive) 란? directive는 앵귤러 프로그램의 요소에 동작을 추가하는 클래스 입니다. Angular의 기본 제공 지시문을 사용하여 양식, 목록, 스타일 및 사용자가 보는 내용을 관리 할 수 있습니다. directives는 Components, Attribute directives, Structural directives 세가지 종류가 있습니다. 1. Components : 템플릿이 있는 directive.. 2022. 3. 11.