재사용 가능한 코드 등을 위해 각도 NGModules 사용

Angular ngmodules : 응용 프로그램 조직에 대한 깊은 다이빙 및 게으른 로딩 ngmodules는 각도, 구조화 응용 분야 및 간소화 컴파일의 기본입니다. 기능 조직, 게으른로드 경로 및 재사용 가능한 라이브러리 구축에 중요합니다. 이 안내서는 기본 각도 지식을 가정합니다.

주요 개념 :

조직 : ngmodules 응용 프로그램을 관리 가능한 기능 블록으로 나누어 코드 유지 관리 및 가독성 향상. 컴파일 컨텍스트 :

그들은 구성 요소에 대한 컨텍스트를 제공하여 적절한 번들링 및 종속성 해상도를 보장합니다. 기능 모듈 :

너머 , 기능 모듈은 특정 응용 프로그램 기능을 캡슐화하여 모듈성을 촉진합니다. 게으른 하중 : 이 성능 최적화 기술은 필요할 때만 모듈을로드하여 초기로드 시간을 개선합니다. 라우터 및 기능 모듈을 사용하여 구현되었습니다 모듈 그룹화 : ngmodules는 다른 ngmodules를 그룹화하고 수입을 단순화하지만 잠재적으로 나무가 흔들리는 최적화를 방해 할 수 있습니다.

ngmodules vs. javaScript 모듈 :

NGModules와 JavaScript (ES6) 모듈을 구별하는 것이 중요합니다. JavaScript 모듈은 범위 및 재사용 성을 관리하는 및 를 사용하는 코드 조직의 언어 기능입니다. TypeScript를 사용하는 각도 프로젝트에서 /
• 진술은 JavaScript 모듈로 처리됩니다. 이 기사는 전체 이름을 사용하여 명확성을 유지합니다. - 기초 :
• 모든 각도 응용 분야는 로 시작합니다. 응용 프로그램을 부트 스트랩하는 루트 모듈입니다. 기본 예 :
데코레이터는 컴파일러에 메타 데이터를 제공합니다. 배열은 루트 구성 요소 (
• )를 지정합니다 ngmodule 속성 : 데코레이터는 몇 가지 속성을 받아들입니다
  • : declarations는이 모듈 내에서 정의 된 구성 요소, 지시문 및 파이프를 나열합니다. 이들은 명시 적으로 수출되지 않는 한 개인입니다 :
  는 외부 모듈을 나열합니다
  • : imports는 구성 요소, 지시문 및 파이프를 나열합니다 이 제품을 가져 오는 모듈에 사용할 수 있습니다. : 는이 모듈에서 제공하는 서비스를 나열합니다. 범위는 중요합니다. Lazy-Loaded 모듈의 제공자는 해당 모듈 내에서만 액세스 할 수 있습니다.
  • : 런타임에 동적으로로드 된 구성 요소 exports : (루트 모듈 만 해당) 부트 스트랩에 루트 구성 요소를 지정합니다. : 제어 템플릿 컴파일 오류 처리 (예 :
  )
  • : 모듈의 고유 ID (드물게 사용되지 않음) providers ngmodule 예제 :
  1. 기능 ngmodules :
  • 기능 모듈은 관련 구성 요소 및 서비스를 캡슐화합니다. 예 : <..> 이 모듈을 내보내면 가 다른 모듈에 액세스 할 수 있습니다. 제공자는 여기 에이 모듈에 스코핑되어 있다고 선언했습니다. (핵심 지시문 포함) entryComponents (루트 모듈에서만 사용)를 대체합니다. 를 사용하려면
  를
  • : 로 가져옵니다 각도 CLI를 사용하여 기능 모듈을 생성합니다 : bootstrap 2. 경로로 게으른 로딩 :
  게으른 하중은 주문형 모듈을로드하여 성능을 향상시킵니다. 라우터와 기능 모듈을 사용해야합니다
  • 노트 . 의 라우팅 구성 : schemas 속성은 모듈을 동적으로 가져 오는 함수를 사용합니다. 이렇게하면 모듈이 경로에 액세스 할 때만 모듈로드를 보장합니다. 게으른로드 모듈의 제공자는 NO_ERRORS_SCHEMA 전 세계적으로 액세스 할 수 없습니다 3. 라우팅 모듈 :
  • 일반적인 패턴은 더 나은 구성을 위해 별도의 라우팅 모듈을 만드는 것입니다. 각도 CLI는 다음을 생성 할 수 있습니다 4. 싱글 톤 서비스 : id 응용 프로그램에서 서비스의 단일 인스턴스를 보장하려면 모듈에 및 메소드를 사용하십시오.
  in in
  및 를 사용하여 가져 와서 다른 모듈에서 가져옵니다. 5. 그룹화 ngmodules :

  ngmodules는 다른 ngmodules를 쉽게 가져올 수 있지만 나무 흔들림에 영향을 줄 수 있습니다. 요약 :

  ngmodules는 Angular Application Architecture에 필수적입니다. 그들의 속성과 사용 패턴을 이해하는 것은 유지 관리 가능, 성능 및 확장 가능한 응용 프로그램을 구축하는 데 중요합니다. 보다 심층적 인 정보는 공식 각도 문서를 참조하십시오.

위 내용은 재사용 가능한 코드 등을 위해 각도 NGModules 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!