https://github.com/istornz/ionic2-theiphoneretro-ep4
Ionic 2 • Interprétation et transmission de données entre vues • Épisode 4
https://github.com/istornz/ionic2-theiphoneretro-ep4
angular2 form input ionic2 model navigation-controller push typescript
Last synced: about 1 month ago
JSON representation
Ionic 2 • Interprétation et transmission de données entre vues • Épisode 4
- Host: GitHub
- URL: https://github.com/istornz/ionic2-theiphoneretro-ep4
- Owner: istornz
- Created: 2017-03-06T18:58:40.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-03-06T19:08:21.000Z (about 9 years ago)
- Last Synced: 2025-03-24T18:49:29.085Z (about 1 year ago)
- Topics: angular2, form, input, ionic2, model, navigation-controller, push, typescript
- Language: CSS
- Homepage: https://youtu.be/lI_j3CGM_aA
- Size: 989 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Ionic 2 - Episode 4
La serie te plait ?
Alors n'hésite pas à t'abonner ! Merci :blush:
Dans cet épisode nous allons voir comment envoyer des données (variables, objets) dans de nouvelles vues (pages).
Je vous montre également comment interpréter ces données en utilisant le bind de Angular 2 mais également le très populaire ngIf (permettant d'afficher une balise en fonction d'une condition).
Bien entendu, il est parfaitement possible de suivre cet épisode sous Windows, Mac ou Linux =)
## Au programme
- Modélisation d'un formulaire (via ngModel).
- Transmission de données via une transition push.
- Qu'est-ce qu'un tableau clé/valeur (explication)
- Affichage des données envoyées.
- Qu'est-ce qu'une condition tertiaire avec exemple.
- Utilisation de l'attribut ngIf permettant de masquer une balise via une condition.
## Vidéo
## Instructions
Pour utiliser ce projet il vous suffit de suivre les étapes ci dessous :
- Installer tout les modules requis.
```{r, engine='sh', count_lines}
npm install
```
- Ajouter les plateformes de votre choix.
```{r, engine='sh', count_lines}
cordova platform add android
cordova platform add ios
```
- Compilez et lancez le projet.
```{r, engine='sh', count_lines}
ionic run
```
- Profitez :tada: