공통 함수 및 상수를 정의 및 호출 하기

공통 함수사용

angular 에서 함수를 정의하고 호출하는 방법에 대한 간단한 설명입니다.

• functions.ts

export function Func1(val: number): number {
  ..................
}


export function Func2(val: number): string {
  ..................
}

function을 위처럼 정의하고 이 후에는 단순하게 불러오면 됩니다.

• myClass.ts

import { Func1, Func2 } from './functions';

export class MyClass {
............
  callfuncton() {
    .................
    const a = Func1(data);
    const b = Func2(data);
  }
............

}

공통 상수사용

공통 상수도 공통함수와 거의 동일하다.

• constants.ts

export const title = 'hellow world';
export const targets = ['target-1.png'];
export const items = ['item-1.png', 'item-2.png'];

• myClass.ts

import { title, targets, items } from './constants';

export class MyClass {
............
  echo title;
............

}

아래와 같이도 사용가능하다.

• Colors.ts

const BoxOrange = 6;
const BoxRed = 7;
const BoxBlue = 8;

export {
    BoxOrange,
    BoxRed,
    BoxBlue
}

• myClass.ts

import * as Colors from './Colors';
..........
Colors.BoxOrange