![a module
import { NgModule } from '@angular/core';
@NgModule({
imports: [ ... ],
declarations: [ ... ],
bootstrap: [ ... ]
})
export class AppModule { }
13
© merousoft](https://image.slidesharecdn.com/introduction-to-angular-4-170515111856/85/Introduction-to-angular-4-13-320.jpg)
Introduction to angular 4
- 1. Partner of your success www.merousoft.com Introduction to ScreenCast 1 © merousoft
- 2. Why A New Framework ? 2 © merousoft
- 5. Check NodeJS & NPM node -v npm -v 5 © merousoft
- 6. Installation Angular npm install -g @angular/cli 6 © merousoft
- 7. First Project Angular ng new MonProjet 7 © merousoft
- 8. Run the Project cd MonProjet ng serve -o 8 © merousoft
- 11. @NgModule({ }) Create a module import { NgModule } from '@angular/core'; 11 © merousoft
- 12. Create a module 12 © merousoft
- 13. a module import { NgModule } from '@angular/core'; @NgModule({ imports: [ ... ], declarations: [ ... ], bootstrap: [ ... ] }) export class AppModule { } 13 © merousoft
- 14. Create a module 14 © merousoft
- 15. Type of a modules • Root Module • Feature Module 15 © merousoft
- 16. Bootstrapping a module 16 © merousoft
- 18. Creating a Components 18 © merousoft
- 19. Create a Components import { Component } from '@angular/core'; @Component({ selector: ‘app-root‘, template: ‘<p>……</p>’, }) export class AppComponent { } 19 © merousoft
- 20. 20 © merousoft
- 21. Creating a Components 21 © merousoft
- 22. 22 © merousoft
- 24. Partner of your success www.merousoft.com thanks ScreenCast Media Created by Kues - freepik.com 24 © merousoft