ANGULAR CHEAT SHEET
One framework. Mobile & desktop.
groupe-sii.github.io/cheat-sheets www.groupe-sii.com blog.groupe-sii.com
Bootstraps the app, using the root component from the
specied NgModule.
import { platformBrowserDynamic }
from '@angular/platform-browser-dynamic';
platformBrowserDynamic()
.bootstrapModule(AppModule);
Denes a module that contains components,
directives, pipes, and providers.
import { NgModule } from '@angular/core';
@NgModule({
declarations: [
myRootComponent,
myComponent,
myDirective,
myPipe],
imports: [myModule, npmModule],
exports: [myComponent],
providers: [myService],
bootstrap: [myRootComponent]
// Only root
module
})
class MyModule {}
Parameter Function
declarations Components to this module
imports Modules to import into this
module
exports Components visible to another
module
providers Dependency injection providers
bootstrap The root component of module
The pipes and directive is declared as components
BOOTSTRAPPING
NGMODULE
Component
@Component({
selector: 'app-my',
templateUrl: './my.component.html',
styleUrls: ['./my.component.css']
})
class MyComponent() {}
Directive
@Directive({
selector: 'app-my',
templateUrl: './my.directive.html',
styleUrls: ['./my.directive.css']
})
class MyDirective() {}
Pipe
@Pipe({name: 'myPipe'})
class MyPipe() {}
Provider
@Injectable()
class MyService() {}
Add
{providedIn: root}
option for create singleton
CLASS TYPE
