Author: admin

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Come indica il nome, questo Component servirà per visualizzare la lista degli eventi di ballo. [/vc_column_text][vc_separator type="transparent"][vc_column_text]Come ogni Component è definito da 4 file: il file html si occupa del COME  i dati verranno visualizzati, nel senso strutturale. Come sono...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import {ListaEventiComponent} from './components/lista-eventi/lista-eventi.component'; const routes: Routes = [ { path: 'lista-eventi', component: ListaEventiComponent, data: { title: 'Lista...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text el_class="mycode"]import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { ListaEventiComponent } from './components/lista-eventi/lista-eventi.component'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @NgModule({   declarations: [     AppComponent,     ListaEventiComponent   ],   imports: [     BrowserModule,     AppRoutingModule,     BrowserAnimationsModule ],   providers: [],   bootstrap: [AppComponent] }) export class AppModule { } [/vc_column_text][/vc_column][/vc_row]...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text el_class="myshell"]CREATE src/app/components/lista-eventi/lista-eventi.component.html (31 bytes) CREATE src/app/components/lista-eventi/lista-eventi.component.spec.ts (664 bytes) CREATE src/app/components/lista-eventi/lista-eventi.component.ts (292 bytes) CREATE src/app/components/lista-eventi/lista-eventi.component.css (0 bytes) UPDATE src/app/app.module.ts (508 bytes) [/vc_column_text][/vc_column][/vc_row]...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Per creare il nuovo component, dalla nostra Shell, diamo il seguente comando Angular: ng generate component components\listaEventi [icons size='fa-2x' custom_size='' icon='fa-terminal' type='normal' position='' border='yes' border_color='' icon_color='' background_color='' margin='' icon_animation='' icon_animation_delay='' link='https://ra.bbonidavi.de/uncategorized/ng-g-component-componentslistaeventi/' target='_blank'] [/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Nella...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Il progetto che ci aiuterà a studiare Angular è costituito da una Applicazione per il Web che gestisce un elenco di eventi mondani legati al ballo Swing.  Ci sarà quindi un elenco di questi eventi e su di...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]I primi due oggetti su cui portiamo l'attenzione di una applicazione Angular sono: app.module app.component Il primo semplicemente un file typescript e descrive l'intera applicazione in termini di quali sono tutte le sue parti, librerie incluse, componenti, etc...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Ecco un esempio di output possibile:[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text el_class="myshell"]Angular CLI: 7.3.9 Node: 10.15.3 OS: win32 x64 Angular: 7.2.15 ...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text] Lo scaffolding La realizzazione di applicazioni Angular si basa sulla tecnica dello Scaffolding, letteralmente "impalcatura". Lo sviluppatore non deve scrivere da zero ciascuno dei file che costituiranno il progetto, ma può aiutarsi con dei comandi dati da CLI (Interfaccia...

[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]Questo è un breve tutorial di una piccola esemplificativa applicazione per il Web. E' composta schemativamente dalle 3 parti dell'architettura MVC (Model-View-Controller). Come Model, quindi come Database per archiviare i dati dell'applicazione abbiamo scelto MySql. Come Controller, abbiamo scelto un server...