Tutoriel par Examples: angulaires



L'exemple suivant montre les constructions AngularJS courantes dans un fichier: <!DOCTYPE html> <html ng-app="myDemoApp"> <head> <style>.started { background: gold; }</style> <script src="https://code.angularjs.org/1.5.8/angular.min....
Cet exemple montre comment les expressions angulaires sont évaluées lors de l'utilisation de type="text" et de type="number" pour l'élément d'entrée. Considérez le contrôleur suivant et visualisez: Manette var app = angular.module('app', []); app.controller('ct...
$ scope. $ emit Utiliser $scope.$emit déclenchera un nom d'événement vers le haut dans la hiérarchie de la portée et notifiera la $scope .Le cycle de vie de l'événement commence à la portée sur laquelle $emit été appelé. Fil de fer de travail: $ scope. $ broadcast Utiliser $scope.$bro...
Angulaire 2.0.0-rc.4 Dans cet exemple, nous allons créer un "Hello World!" application avec un seul composant racine ( AppComponent ) pour des raisons de simplicité. Conditions préalables: Node.js v5 ou version ultérieure npm v3 ou plus tard Remarque: Vous pouvez vérifier les version...
Pour créer des contrôleurs angulaires sans danger pour la minification, vous allez modifier les paramètres de la fonction du controller . Le second argument de la fonction module.controller doit être passé à un tableau , où le dernier paramètre est la fonction de contrôleur , et chaque paramètre a...
Comme défini dans la documentation AngularJS Lorsqu'un contrôleur est connecté au DOM via la directive ng-controller, Angular instanciera un nouvel objet Controller, en utilisant la fonction constructeur du contrôleur spécifiée. Une nouvelle étendue enfant sera créée et mise à disposition en t...
$q est un service intégré qui aide à exécuter des fonctions asynchrones et à utiliser leurs valeurs de retour (ou exceptions) une fois le traitement terminé. $q est intégré au mécanisme d'observation du modèle $rootScope.Scope , ce qui signifie une propagation plus rapide de la résolution ou d...
Le code composant est donné ci-dessous. import { Component } from '@angular/core'; @Component({ selector: 'my-app', template: '<h1>{{title}}</h1>' }) export class MyAppComponent{ title = 'welcome'; } Pour les tests angulaires, angular fournit ses utilitaires de test ave...
Exigences: NodeJS: page de téléchargement npm ou fil Exécutez les commandes suivantes avec cmd du nouveau dossier répertoire: npm install -g @angular/cli ou yarn global add @angular/cli ng new PROJECT_NAME cd PROJECT_NAME ng serve Ouvrez votre navigateur sur localhost: 4200
MNP Si une bibliothèque externe comme jQuery est installée avec NPM npm install --save jquery Ajouter un chemin de script dans votre angular-cli.json "scripts": [ "../node_modules/jquery/dist/jquery.js" ] Dossier Actifs Vous pouvez également enregistrer le fichier d...
Installation et configuration du rapporteur Étape 1 : Téléchargez et installez NodeJS à partir d'ici. Assurez-vous d'avoir la dernière version du noeud. Ici, j'utilise le noeud v7.8.0. Le kit de développement Java (JDK) doit être installé pour exécuter le sélénium. Étape 2 : Ouvrez vo...

Page 1 de 1