| description | component Angular |
|---|---|
| keywords | js, angular |
| title | component Angular |
| toc_max | 4 |
Angular js @ngModule is a decorator . decorators modify javascript class.
| ngModule Element | Description |
|---|---|
| declarations | |
| exports | |
| imports | |
| providers | |
| bootstrap |
//app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@NgModule({
imports: [ BrowserModule ],
providers: [ Logger ],
declarations: [ AppComponent ],
exports: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }Component is a smal peiece of ui . component reuseable .
| parts | Description |
|---|---|
| * my-component.component.css | ... |
| * my-component.component.html | ... |
| * my-component.component.spec.ts | ... |
| * my-component.component.ts | ... |
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-my',
templateUrl: './my.component.html',
styleUrls: ['./my.component.css']
})
export class MyComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}-
selectorworks to implement your component with parent component<app-my></app-my> -
templateUrlindicate which hypertext (html / template) file use inside selector -
styleUrlsrepresents templateUrl's stylesheet
*ngSwitch