[PDF] Angular 2 Créer une application Angular2

View - Download Angular 2

Previous PDF

Next PDF

Angular 2

#angular2

Table des matières

À propos1

Chapitre 1: Démarrer avec Angular 22

Remarques2

Versions2

Examples3

Installez angular2 avec un angle angulaire3

Conditions préalables:3

Pour configurer un nouveau projet3

Ajouter à un projet existant4

Lancer le projet localement4

Composants, directives, tuyaux et services générateurs4 Premiers pas avec Angular 2 sans clics angulaires.6

Étape 16

Étape 26

Étape 38

Étape 59

Étape 69

Étape 710

Étape 811

Et maintenant?11

Garder Visual Studios en phase avec les mises à jour NPM et NODE11 Passer à travers ce proxy d'entreprise embêtant12 Premiers pas avec Angular 2 avec backend node.js / expressjs (exemple http inclus)13

Conditions préalables13

Feuille de route13

Étape 113

Étape 213

Étape 314

Plongeons dans Angular 4!18

Chapitre 2: Ajout dynamique de composants à l'aide de ViewContainerRef.createComponent24

Examples24

Un composant wrapper qui ajoute des composants dynamiques de manière déclarative24 Ajouter dynamiquement un composant sur un événement spécifique (cliquez sur)25 Rendu le tableau de composants créé dynamiquement sur le modèle HTML dans Angular226

Chapitre 3: Angulaire - ForLoop30

Syntaxe30

Remarques30

Examples30

Angulaire 2 pour boucle30

NgFor - Markup For Loop31

* ngPour les lignes de table31 * ngPour le composant31 * ngPour X quantité d'éléments par ligne32

Chapitre 4: Angulaire 2 - rapporteur33

Examples33

Test du routage Navbar avec Protractor33

Angular2 Protractor - Installation34

Chapitre 5: Angulaire-cli36

Introduction36

Examples36

Créer une application Angular2 vide avec des angles angulaires36 Composants, directives, tuyaux et services générateurs36

Ajout de bibliothèques tierces36

construire avec cli angulaire37 Nouveau projet avec scss / sass comme feuille de style37 Définir le fil comme gestionnaire de paquets par défaut pour @ angular / cli37

Exigences38

Chapitre 6: Angular 2 Détection de changement et déclenchement manuel39

Examples39

Exemple de base39

Chapitre 7: Angular 2 formes de données pilotées41

Remarques41

Examples41

Formulaire piloté par les données42

Chapitre 8: Angular2 Animations44

Introduction44

Examples44

Animation de base - Transpose un élément entre deux états pilotés par un attribut de modèl44

Chapitre 9: Angular2 CanActivate46

Examples46

Angular2 CanActivate46

Chapitre 10: Angular2 Databinding47

Examples47

@Contribution()47 Composant parent: Initialiser les listes d'utilisateurs.47

Chapitre 11: Angular2 en utilisant webpack49

Examples49

Configuration angulaire de webpack 249

Chapitre 12: Angular2 Entrée () sortie ()53

Examples53

Contribution()53

Composant parent: Initialiser les listes d'utilisateurs.53

Exemple simple de propriétés d'entrée54

Chapitre 13: Angular2 fournit des données externes à App avant le bootstrap55

Introduction55

Examples55

Via l'injection de dépendance55

Chapitre 14: Angular2 Validations personnalisées56

Paramètres56

Examples56

Exemples de validateurs personnalisés:56

Utiliser des validateurs dans le Formbuilder56

get / set Les paramètres de contrôles formBuilder57

Chapitre 15: Animation58

Examples58

Transition entre des états nuls58

Animation entre plusieurs états58

Chapitre 16: API Web Angular2 In Memory60

Remarques60

Examples60

Configuration de base60

Configuration de plusieurs routes API de test61

Chapitre 17: Baril63

Introduction63

Examples63

En utilisant baril63

Chapitre 18: Bootstrap Module vide en angulaire 264

Examples64

Un module vide64

Un module avec la mise en réseau sur le navigateur Web.64

Amorçage de votre module64

Module racine d'application65

Amorçage statique avec les classes d'usine65

Chapitre 19: Chargement paresseux d'un module66

Examples66

Exemple de chargement paresseux66

Chapitre 20: CommandePar Pipe68

Introduction68

Examples68

Le tuyau68

Chapitre 21: Comment utiliser ngfor71

Introduction71

Examples71

Exemple de liste non ordonnée71

Exemple de modèle plus complexe71

Suivi de l'exemple d'interaction en cours71

Angular2 aliasé valeurs exportées71

* ngPour la pipe72

Chapitre 22: Comment utiliser ngif73

Introduction73

Syntaxe73

Examples73

Afficher un message de chargement73

Afficher le message d'alerte à condition74

Pour exécuter une fonction au début ou à la fin de * ngFor loop using * ngIf74

Utilisez * ngIf avec * ngFor74

Chapitre 23: Compilation AOT avec Angular 276

Examples76

1. Installez les dépendances Angular 2 avec le compilateur76

2. Ajoutez `angularCompilerOptions` à votre fichier` tsconfig.json`76

3. Exécutez ngc, le compilateur angulaire76

4. Modifiez le fichier `main.ts` pour utiliser NgFactory et le navigateur de plate-forme s76

Pourquoi avons-nous besoin d'une compilation, d'une compilation de flux d'événements et d'77 Utilisation de la compilation AoT avec la CLI angulaire78

Chapitre 24: Composants79

Introduction79

Examples79

Un composant simple79

Modèles et styles79

Passer le modèle en tant que chemin de fichier79

Passer un modèle en tant que code en ligne80

Passer un tableau de chemins de fichiers80

Passer un tableau de codes en ligne80

Test d'un composant80

Composants d'imbrication82

Chapitre 25: Conception de matériau angulaire83

Examples83

Md2Select83

Md2Tooltip83

Md2Toast83

Md2Datepicker84

Md2Accordion et Md2Collapse84

Chapitre 26: Configuration de l'application ASP.net Core pour qu'elle fonctionne avec Angu86

Introduction86

Examples86

Asp.Net Core + Angular2 + Gulp86

[Graine] Asp.Net Core + Angular2 + Gulp sur Visual Studio 201790

MVC <-> Angular 290

Chapitre 27: couverture de test angulaire-cli92

Introduction92

Examples92

Une simple couverture de test de base de commande angulaire-cli92 Rapport détaillé de couverture de test graphique des composants individuels92

Chapitre 28: Créer un paquet Angular 2+ NPM94

Introduction94

Examples94

Forfait le plus simple94

Fichiers de configuration94

.gitignore94 .npmignore94 gulpfile.js94 index.d.ts95 index.js95 package.json95 dist / tsconfig.json96 src / angular-x-minimal-npm-package.component.ts97 src / angular-x-minimal-npm-package.component.html97 src / angular-x-data-table.component.css97 src / angular-x-minimal-npm-package.module.ts97

Construire et compiler97

Publier98

Chapitre 29: Créer une bibliothèque Angular npm99

Introduction99

Examples99

Module minimal avec classe de service99

Structure de fichier99

Service et module99

Compilation100

Paramètres NPM101

Intégration continue102

Chapitre 30: Crochets de cycle de vie104

Remarques104

Disponibilité des événements104

Ordre des événements104

Lectures complémentaires104

Examples104

OnInit104

OnDestroy105

Modifications105

AfterContentInit105

AfterContentChecked106

AfterViewInit106

AfterViewChecked107

DoCheck107

Chapitre 31: CRUD dans Angular2 avec API Restful108

Syntaxe108

Examples108

Lecture d'une API Restful dans Angular2108

Chapitre 32: Débogage de l'application typographique Angular2 à l'aide du code Visual Stud110

Examples110

Configuration de Launch.json pour votre espace de travail110 Chapitre 33: Détection des événements de redimensionnement112

Examples112

Un composant écoutant la fenêtre redimensionne l'événement.112

Chapitre 34: Directives113

Syntaxe113

Remarques113

Examples113

Directive attribut113

Le composant est une directive avec un modèle113

Directives structurelles113

Directive personnalisée113

* ngPour114

Directive Copier dans le Presse-papiers115

Tester une directive personnalisée116

Chapitre 35: Directives d'attribut affectant la valeur des propriétés sur le noeud hôte à 119

Examples119

@HostBinding119 Chapitre 36: Directives et composants: @Input @Output120

Syntaxe120

Examples120

Exemple de saisie120

Angular2 @Input et @Output dans un composant imbriqué121 Angular2 @Input avec des données asynchrones122 Composant parent avec appel asynchrone à un noeud final122 Composant enfant ayant des données asynchrones en entrée123 Chapitre 37: Directives et services généralement intégrés125

Introduction125

Examples125

Classe d'emplacement125

AsyncPipe125

Affichage de la version angulaire2 actuelle utilisée dans votre projet126

Tuyau de monnaie126

Chapitre 38: Dropzone dans Angular2128

Examples128

Zone de largage128

Chapitre 39: Exemple pour des routes telles que / route / subroute pour les URL statiques130

Examples130

Exemple de route de base avec arbre de sous-routes130

Chapitre 40: Exemples de composants avancés131

quotesdbs_dbs14.pdfusesText_20

[PDF] angular 2 tutorial for beginners w3schools

[PDF] angular 2 tutorial in hindi

[PDF] angular 2 tutorial javatpoint

[PDF] angular 2 tutorial kudvenkat blog

[PDF] angular 2 tutorial pragimtech

[PDF] angular 2 tutorial step by step

[PDF] angular 2 tutorial w3schools

[PDF] angular 2 tutorial youtube

[PDF] angular 4 book pdf download

[PDF] angular 4 coding best practices

[PDF] angular 4 download pdf file from server

[PDF] angular 4 download pdf file from url

[PDF] angular 4 pdf file download example

[PDF] angular 4 pdf free download

[PDF] angular 4 ppt