angular:component

차이

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

차이 보기로 링크

--- angular:component [2020/06/10 13:53] – 바깥 편집 127.0.0.1
+++ angular:component [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 1: / 줄 1: @@
 ====== Component ======
 Angular에서 UI를 표현하기 위해서 사용한다.
+  * [[angular:component:communication|Communication]]
-=== angular CLI ===
+===== angular CLI =====
 <wrap hi> ng generate **component** <component name> [//option//]
  ng g **component** <component name> [//option//]
+ng g **c** <component name> [//option//]
 </wrap>
+[[https://angular.kr/cli/generate#component|Angular.Io참조]]
 ===== Component Annotation =====
 Angular에게 Component를 알려주는 Annotation은 @Component라는 Annotation을 사용한다.
@@ 줄 12: / 줄 14: @@
 <code javascript>
 import { Component, OnInit } from '@angular/core';
+import { AboutComponent } from './about/about.component';
 @Component({
   selector: 'app-test',
-  templateUrl: './test.component.html,
+  templateUrl: './test.component.html',
   styleUrl: ['./test.component.css']
 })
@@ 줄 25: / 줄 29: @@
 ===== selector =====
 가지 유형을 가진다.
-== Type 1. 'app-test' ==
+=== Type 1. 'app-test' ===
 Template html에서 customer tag로써 표현
 <code html>
 <app-test></app-test>
 </code>
-== Type 2. '.app-test' ==
+=== Type 2. '.app-test' ===
 Template html에서 class로 표현
 <code html>
 <div class="app-test"></div>
 </code>
-== Type 3. '[app-test]' ==
+=== Type 3. '[app-test]' ===
 Template html에서 Property로 표현
 <code html>

angular/component.1591797202.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)