creareapp angularIl file AppModule e main.ts: i motori di un'applicazione Angular

Vediamo di analizzare i due principali file che costituiscono un'applicazione base angular, al fine di poterla avviare all'interno del browser.

Ultimo aggiornamento: 3 giorni fa

Se nel mondo dello sviluppo di siti web in HTML le pagine html sono il fulcro del progetto e la pagina home quella associata ad un nome di dominio, nel mondo dello sviluppo di applicativi Angular, la pagina index.html è l'equivalente della homepage, ma al fine di includere una serie di funzionalità necessarie a far interpretare correttamente al browser tutta una serie di elementi tipici di un'applicazione Angular, come i componenti, le direttive, i servizi, dovremo predisporre una "cabina di regia", che includa queste informazioni.

Questa cabina di regia è una semplice classe, "adornata" con il decoratore ngModule (vedremo cos'è un decoratore nel tutorial: "I decoratori in Angular". Viene chiamata in gergo tecnico Modulo, ed essendo il modulo principale dell'applicazione, viene chiamato modulo radice, dandogli per convenzione il nome di app.module.ts e salvandolo all'interno della cartella app dell'applicazione.

Nel tutorial precedente avevamo detto che il modulo radice AppModule, lo potevamo paragonare al motore di un razzo, che inizialmente è spento, ma che, grazie alla miccia costituita da un altro file, chiamato per convenzione  main.ts, sarà in grado di accendersi e recuperare quelle risorse necessarie al funzionamento dell'app.

Sintassi del file AppModule

Essendo una classe, la tipica rappresentazione del modulo radice, sarà di questo tipo:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import...

Per continuare la lettura, registrati gratuitamente alla "CreareApp StartUniversity" oppure effettua il login.

Novità

Non farti scappare il nuovo libro: "Angular 100% Operativo", in offerta su Amazon. Più di 200 pagine, con tutto il percorso per creare una WebAPP e imparare Angular in un quarto del tempo. Prenotalo cliccando l'immagine qui sotto:

Corso Angular 4 100% Operativo

Ti è servito il breve tutorial? Condividilo ADESSO sui social! Grazie :-)

Categoria: Configurazione

Voto 3.9/5 basato su 77 Recensioni
© 2013-2017 CreareAPP.com - Tutti i diritti riservati. Tutorial e WebCAMP per creare app in Android e iOS
NB: Tutti i marchi citati sono di proprietà dei rispettivi proprietari. Android is a trademark of Google Inc.