기본 Angular 앱 시작하기 (1)

[Angular] 「기본적인 Angular 앱을 시작한다」를 해본다(준비)

어제 위의 기사처럼 튜토리얼 샘플 프로젝트를 생성했습니다.

샘플 프로젝트를 생성하면 아래 그림과 같이

product-list 폴더, top-bar 폴더에 각각 css, html, ts, 3개의 파일이 있는 것을 알 수 있습니다.

실행 결과로 미리보기 화면에 아래 그림과 같이 표시됩니다.

조금만 시험해보자

오늘은 조금 테스트해 보겠습니다.

product-list.component.ts

export class ProductListComponent {
  products = products;
  test_1 = '製品';

product-list.component.ts에 test_1 = '제품';을 추가해보십시오.

product-list.component.html

<h2>Products</h2>
<h2>{{ test_1 }}</h2>

product-list.component.html에

{{test_1}}

를 추가합니다.



네. test_1의 내용이 표시되었습니다!

다음 기사 : [Angular] 「기본적인 Angular 앱을 시작한다」를 해본다(2)