Angular 2 전역 상수

1. Angular 2 전역 상수 선언
2. 전역 상수의 이점

Angular 2 프레임워크에는 프레임워크의 다양한 구성 요소에서 사용되는 많은 상수가 있습니다. 이러한 상수는 프로젝트 디렉토리의 루트에서 사용할 수 있는 angular2 모듈을 사용하여 액세스할 수 있습니다.

시간을 절약하기 위해 전역 상수의 도움을 받습니다. Angular 2 전역 상수는 전역 네임스페이스에 값을 저장합니다.

애플리케이션의 모든 부분에서 필요한 데이터를 추적하는 방법을 제공합니다. 이는 응용 프로그램의 다른 부분에서 동일한 값에 액세스해야 할 때 유용합니다.

Angular 2 전역 상수 선언

Angular 2는 전역 상수를 선언하는 메커니즘을 제공합니다. 전역 상수는 const 키워드를 사용하여 선언되며 응용 프로그램의 어디에서나 액세스할 수 있습니다.

아래 단계를 따라야 합니다.

1. .ts 확장자를 추가하여 상수 파일을 생성합니다.
2. 파일에 상수 값을 작성하고 내보내기 기본 const 키워드를 사용하여 전역 변수로 내보냅니다.
3. import 키워드와 상수 파일의 경로를 차례로 사용하여 앱 모듈에서 이 파일을 가져옵니다.

코드 예:

const MY_CONSTANT = 'This is my constant';

// Use MY_CONSTANT in the rest of your app like this:

console.log(MY_CONSTANT);

작동 방식을 더 잘 이해하기 위해 Angular 2 전역 상수의 전체 예를 살펴보겠습니다.

타이프스크립트 코드:

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
   readonly CONSTANTS = CONSTANTS;
  global: { name: string; };
  constructor() {
    this.global = { name: 'demo' }
  }
}
export const CONSTANTS = {
  'globalName': 'demo'
}

HTML 코드:

<h1>Example of Angular 2 Global Constants</h1>
<span *ngIf="global.name === CONSTANTS.globalName ">
    Hello World
</span>

전역 상수의 이점

Angular 2는 전역 상수를 사용하여 개발자가 숫자 작업을 더 쉽게 할 수 있도록 합니다. Angular 2에서 전역 상수는 코드의 하드 코딩 값에 대한 대안으로 사용됩니다.

Angular 2에서 전역 상수를 사용하면 다음과 같은 이점이 있습니다.

1. 개발자가 숫자로 더 쉽게 작업할 수 있습니다.
2. 코드를 변경하지 않고 값을 변경할 수 있습니다.
3. 개발자가 빠르게 변경할 수 있습니다.
4. 개발자는 오타나 버그를 컴파일러가 잡아주기 때문에 걱정할 필요가 없습니다.

위의 코드 예제를 실행하려면 여기를 클릭하십시오.