Tutoriel par Examples: angulaire



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...
Cet exemple est une configuration rapide de Angular 2 et comment générer un exemple de projet rapide. Conditions préalables: Node.js v4 ou supérieur. npm v3 ou plus ou fil . Ouvrez un terminal et exécutez les commandes une par une: npm install -g @angular/cli ou yarn global add @angular/cli ...
Dans Angular $scope est le lien entre le contrôleur et la vue qui aide à tous nos besoins de liaison de données. Controller As est une autre manière de lier le contrôleur et la vue et est principalement recommandé d'utiliser. Fondamentalement, ce sont les deux constructions de contrôleur dans A...
import { Http, Request, RequestOptionsArgs, Response, RequestOptions, ConnectionBackend, Headers } from '@angular/http'; import { Router } from '@angular/router'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/observable/empty'; import 'rxjs/add/observable/throw'; import 'rxjs/a...
$ 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...
Les composants d'angularJS peuvent être visualisés sous la forme d'une directive personnalisée (<html> dans une directive HTML, et quelque chose comme ceci sera une directive personnalisée <ANYTHING>). Un composant contient une vue et un contrôleur. Le contrôleur contient la log...
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...
La fonction angular.copy prend un objet, un tableau ou une valeur et en crée une copie angular.copy . angular.copy () Exemple: Objets: let obj = {name: "vespa", occupation: "princess"}; let cpy = angular.copy(obj); cpy.name = "yogurt" // obj = {name: "vespa&...
Étape 1: Créer une nouvelle application Rails gem install rails -v 4.1 rails new angular_example Étape 2: Supprimer les Turbolinks La suppression de turbolinks nécessite de la retirer du fichier Gemfile. gem 'turbolinks' Supprimez le require de app/assets/javascripts/application.js : //= requ...
$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...
angular.forEach accepte un objet et une fonction itérateur. Il exécute ensuite la fonction itérateur sur chaque propriété / valeur énumérable de l'objet. Cette fonction fonctionne également sur les tableaux. Comme la version JS de Array.prototype.forEach La fonction ne Array.prototype.forEach ...
L'utilisation de D3js avec Angular peut ouvrir de nouvelles perspectives, comme la mise à jour en direct des cartes dès la mise à jour des données. Nous pouvons encapsuler une fonctionnalité de graphique complète dans une directive angulaire, ce qui la rend facilement réutilisable. index.html ...
Qu'est-ce que la minification? C'est le processus de suppression de tous les caractères inutiles du code source sans changer sa fonctionnalité. Syntaxe normale Si nous utilisons une syntaxe angulaire normale pour écrire un contrôleur, après avoir minifié nos fichiers, cela va casser notr...
de la racine de votre projet ./node_modules/.bin/ngc -p src où src est l'endroit où tous vos codes angulaires 2 vivent. Cela va générer un dossier appelé ngfactory où tout votre code compilé va vivre. "node_modules/.bin/ngc" -p src pour windows
Dans cet exemple, nous avons un service, appelons-le service de recherche qui a une méthode appelée search () qui lancera une demande de transfert vers une API principale. function SearchService($http) { const service = {}; service.search = function() { return $http({method...
function calculatorService() { const service = {}; service.add = function(a,b) { return a + b } return service; } angular.module('app').factory('calculatorService', calculatorService); Essai describe('calculator service', function() { var calculatorS...
Pour vivre, cliquez sur ... <!doctype html> <html> <head> <title>ng for loop in angular 2 with ES5.</title> <script type="text/javascript" src="https://code.angularjs.org/2.0.0-alpha.28/angular2.sfx.dev.js"></script> &lt...

Page 1 de 2