diff --git a/aio/content/guide/entry-components.md b/aio/content/guide/entry-components.md index 990c8ae84a..c52f14a904 100644 --- a/aio/content/guide/entry-components.md +++ b/aio/content/guide/entry-components.md @@ -1,12 +1,5 @@ # Entry Components -#### Prerequisites: - -A basic understanding of the following concepts: -* [Bootstrapping](guide/bootstrapping). - -
- An entry component is any component that Angular loads imperatively, (which means you’re not referencing it in the template), by type. You specify an entry component by bootstrapping it in an NgModule, or including it in a routing definition.
diff --git a/aio/content/guide/feature-modules.md b/aio/content/guide/feature-modules.md index e0a11c528a..8e652da395 100644 --- a/aio/content/guide/feature-modules.md +++ b/aio/content/guide/feature-modules.md @@ -1,12 +1,6 @@ # Feature Modules -Feature modules are NgModules for the purpose of organizing code. - -#### Prerequisites -A basic understanding of the following: -* [Bootstrapping](guide/bootstrapping). -* [JavaScript Modules vs. NgModules](guide/ngmodule-vs-jsmodule). -* [Frequently Used Modules](guide/frequent-ngmodules). +Feature modules are NgModules for the purpose of organizing code. For the final sample app with a feature module that this page describes, see the . diff --git a/aio/content/guide/frequent-ngmodules.md b/aio/content/guide/frequent-ngmodules.md index 129a43b2d4..43c275c76f 100644 --- a/aio/content/guide/frequent-ngmodules.md +++ b/aio/content/guide/frequent-ngmodules.md @@ -1,12 +1,5 @@ # Frequently Used Modules -#### Prerequisites - -A basic understanding of [Bootstrapping](guide/bootstrapping). - - -
- An Angular app needs at least one module that serves as the root module. As you add features to your app, you can add them in modules. The following are frequently used Angular modules with examples diff --git a/aio/content/guide/lazy-loading-ngmodules.md b/aio/content/guide/lazy-loading-ngmodules.md index eee72d86f8..cec39188de 100644 --- a/aio/content/guide/lazy-loading-ngmodules.md +++ b/aio/content/guide/lazy-loading-ngmodules.md @@ -1,23 +1,13 @@ # Lazy Loading Feature Modules -#### Prerequisites -A basic understanding of the following: -* [Feature Modules](guide/feature-modules). -* [JavaScript Modules vs. NgModules](guide/ngmodule-vs-jsmodule). -* [Frequently Used Modules](guide/frequent-ngmodules). -* [Types of Feature Modules](guide/module-types). -* [Routing and Navigation](guide/router). - -For the final sample app with two lazy loaded modules that this page describes, see the -. - -
- ## High level view By default, NgModules are eagerly loaded, which means that as soon as the app loads, so do all the NgModules, whether or not they are immediately necessary. For large apps with lots of routes, consider lazy loading—a design pattern that loads NgModules as needed. Lazy loading helps keep initial bundle sizes smaller, which in turn helps decrease load times. +For the final sample app with two lazy loaded modules that this page describes, see the +. + There are three main steps to setting up a lazy loaded feature module: 1. Create the feature module. diff --git a/aio/content/guide/module-types.md b/aio/content/guide/module-types.md index 1e768858a7..cf8639ab90 100644 --- a/aio/content/guide/module-types.md +++ b/aio/content/guide/module-types.md @@ -1,16 +1,5 @@ - - # Types of Feature Modules -#### Prerequisites - -A basic understanding of the following concepts: -* [Feature Modules](guide/feature-modules). -* [JavaScript Modules vs. NgModules](guide/ngmodule-vs-jsmodule). -* [Frequently Used Modules](guide/frequent-ngmodules). - -
- There are five general categories of feature modules which tend to fall into the following groups: diff --git a/aio/content/guide/ngmodule-api.md b/aio/content/guide/ngmodule-api.md index 5e11305445..8aafe2bbdc 100644 --- a/aio/content/guide/ngmodule-api.md +++ b/aio/content/guide/ngmodule-api.md @@ -1,15 +1,5 @@ # NgModule API -#### Prerequisites - -A basic understanding of the following concepts: -* [Bootstrapping](guide/bootstrapping). -* [JavaScript Modules vs. NgModules](guide/ngmodule-vs-jsmodule). - -
- -## Purpose of `@NgModule` - At a high level, NgModules are a way to organize Angular apps and they accomplish this through the metadata in the `@NgModule` decorator. diff --git a/aio/content/guide/ngmodule-faq.md b/aio/content/guide/ngmodule-faq.md index 91aa1e8e6e..20ea12058a 100644 --- a/aio/content/guide/ngmodule-faq.md +++ b/aio/content/guide/ngmodule-faq.md @@ -1,13 +1,5 @@ # NgModule FAQs - -#### Prerequisites: - -A basic understanding of the following concepts: -* [NgModules](guide/ngmodules). - -
- NgModules help organize an application into cohesive blocks of functionality. This page answers the questions many developers ask about NgModule design and implementation. diff --git a/aio/content/guide/ngmodule-vs-jsmodule.md b/aio/content/guide/ngmodule-vs-jsmodule.md index 633a787497..00e2f041fc 100644 --- a/aio/content/guide/ngmodule-vs-jsmodule.md +++ b/aio/content/guide/ngmodule-vs-jsmodule.md @@ -1,13 +1,9 @@ # JavaScript Modules vs. NgModules -#### Prerequisites -A basic understanding of [JavaScript/ECMAScript modules](https://hacks.mozilla.org/2015/08/es6-in-depth-modules/). - -
- JavaScript and Angular use modules to organize code, and though they organize it differently, Angular apps rely on both. + ## JavaScript modules In JavaScript, modules are individual files with JavaScript code in them. To make what’s in them available, you write an export statement, usually after the relevant code, like this: @@ -24,6 +20,8 @@ import { AppComponent } from './app.component'; JavaScript modules help you namespace, preventing accidental global variables. +For more information on JavaScript modules, see [JavaScript/ECMAScript modules](https://hacks.mozilla.org/2015/08/es6-in-depth-modules/). + ## NgModules diff --git a/aio/content/guide/providers.md b/aio/content/guide/providers.md index 879e53ba8a..49ea622b9d 100644 --- a/aio/content/guide/providers.md +++ b/aio/content/guide/providers.md @@ -1,16 +1,10 @@ # Providers -#### Prerequisites: -* A basic understanding of [Bootstrapping](guide/bootstrapping). -* Familiarity with [Frequently Used Modules](guide/frequent-ngmodules). +A provider is an instruction to the DI system on how to obtain a value for a dependency. Most of the time, these dependencies are services that you create and provide. For the final sample app using the provider that this page describes, see the . -
- -A provider is an instruction to the DI system on how to obtain a value for a dependency. Most of the time, these dependencies are services that you create and provide. - ## Providing a service If you already have an app that was created with the [Angular CLI](cli), you can create a service using the [`ng generate`](cli/generate) CLI command in the root project directory. Replace _User_ with the name of your service. diff --git a/aio/content/guide/sharing-ngmodules.md b/aio/content/guide/sharing-ngmodules.md index 939a8dfd4b..c987526cdf 100644 --- a/aio/content/guide/sharing-ngmodules.md +++ b/aio/content/guide/sharing-ngmodules.md @@ -1,18 +1,5 @@ # Sharing Modules -#### Prerequisites -A basic understanding of the following: -* [Feature Modules](guide/feature-modules). -* [JavaScript Modules vs. NgModules](guide/ngmodule-vs-jsmodule). -* [Frequently Used Modules](guide/frequent-ngmodules). -* [Routing and Navigation](guide/router). -* [Lazy loading modules](guide/lazy-loading-ngmodules). - - - - -
- Creating shared modules allows you to organize and streamline your code. You can put commonly used directives, pipes, and components into one module and then import just that module wherever you need it in other parts of your app. @@ -54,7 +41,7 @@ to import `FormsModule`, `SharedModule` can still export way, you can give other modules access to `FormsModule` without having to import it directly into the `@NgModule` decorator. -### Using components vs services from other modules. +### Using components vs services from other modules There is an important distinction between using another module's component and using a service from another module. Import modules when you want to use diff --git a/aio/content/guide/singleton-services.md b/aio/content/guide/singleton-services.md index 958564920b..440d117c2d 100644 --- a/aio/content/guide/singleton-services.md +++ b/aio/content/guide/singleton-services.md @@ -1,15 +1,10 @@ # Singleton services -#### Prerequisites: - -* A basic understanding of [Bootstrapping](guide/bootstrapping). -* Familiarity with [Providers](guide/providers). +A singleton service is a service for which only once instance exists in an app. For a sample app using the app-wide singleton service that this page describes, see the showcasing all the documented features of NgModules. -
- ## Providing a singleton service There are two ways to make a service a singleton in Angular: