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]In questo tutorial analizzeremo come realizzare una facile Applicazione Web che consenta di interfacciarsi coi dati di un Server remoto. Nello specifico, per il Front-End, o Client dell'applicazione ci siamo orientati verso una SPA (Single Page Application) scritta con...

[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"]C:\tutorial\agenda-eventi>ng generate component components\ModificaEvento CREATE src/app/components/modifica-evento/modifica-evento.component.html (34 bytes) CREATE src/app/components/modifica-evento/modifica-evento.component.spec.ts (685 bytes) CREATE src/app/components/modifica-evento/modifica-evento.component.ts (304 bytes) CREATE src/app/components/modifica-evento/modifica-evento.component.css (0 bytes) UPDATE src/app/app.module.ts (1858 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]Il Component "vuoto" è già stato creato, funziona ed è anche indirizzabile. Bisogna ora personalizzarlo per fargli fare quello che ci serve, ovvero presentare i dati relativi ad una certa manifestazione di ballo e consentire all'utente di modificarli. In...

[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 modificaEvento dalla nostra Shell diamo il seguente comando Angular: ng generate component components\modificaEvento [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='output/output-comando-ng-g-component-componentsmodificaevento/' 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_separator...

[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]Le Espressioni Regolari (RE, Regular Expressions, RegExp) sono una piccola sorta di linguaggio universale, condiviso (a meno di qualche piccola "influenza dialettale") fra molti linguaggi di programmazione, editor, sistemi operativi. Le RE servono per capire se una data stringa...

[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]Ora che sappiamo come gestire un form di input, dobbiamo anche imparare come validare i dati inseriti dall'utente e segnalargli se non corrispondono ai nostri criteri. Dobbiamo cioè fare la validazione dell'input.[/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"...

[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"]C:\tutorial\agenda-eventi\src\app>ng generate component components\aggiuntaEvento CREATE src/app/components/aggiunta-evento/aggiunta-evento.component.html (34 bytes) CREATE src/app/components/aggiunta-evento/aggiunta-evento.component.spec.ts (685 bytes) CREATE src/app/components/aggiunta-evento/aggiunta-evento.component.ts (304 bytes) CREATE src/app/components/aggiunta-evento/aggiunta-evento.component.css (0 bytes) UPDATE src/app/app.module.ts (1621 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]Il Component "vuoto" è già stato creato, funziona ed è anche indirizzabile. Bisogna ora personalizzarlo per fargli fare quello che ci serve, ovvero l'introduzione dei dati utili a definire un nuova nuova manifestazione di ballo: titolo dell'evento, nazione...

[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 aggiungiEvento dalla nostra Shell diamo il seguente comando Angular: ng generate component components\aggiuntaEvento [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='output/output-comando-ng-g-component-componentsaggiungievento/' 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_separator...

[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]In questo articolo vedremo come aggiungere alla nostra applicazione la funzionalità di Cancellazione di un evento dalla lista. Per farlo affronteremo un nuovo argomento, le Dialog, o finestre di dialogo. Si tratta di quelle piccole finestra (spesso modali)...