Angular - 튜토리얼04_컴포넌트, 모듈

1)

가장 먼저 동작할 모듈

main.ts에서 가장 먼저 동작할 컴포넌트

2)

컴포넌트 생성

ng g component world

 

app.component.html

<app-hello></app-hello>
<br>
<app-world *ngIf="visible"></app-world>

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  visible : boolean = true;
}

ng serve

visible을 false로 할 시에는 if문 때문에 app-world가 보이지 않는다.