Wiki SGY.io

Outils pour utilisateurs

Outils du site

Piste :
web:javascript:angularjs:toc

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
web:javascript:angularjs:toc [2014/12/04 02:29] – sgariepyweb:javascript:angularjs:toc [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
Ligne 5: Ligne 5:
  
 Pour plus d'informations, consulter [[http://angularjs.org|le site officiel d'AngularJS]]. Pour plus d'informations, consulter [[http://angularjs.org|le site officiel d'AngularJS]].
 +
 +===== Démarrer un projet =====
 +
 +Voir la page [[web:javascript:angularjs:demarrer_un_projet|démarrer un projet AngularJS]].
 +
 +
  
 ====== Sujets à couvrir ====== ====== Sujets à couvrir ======
  
   * [[Contrôleurs]]   * [[Contrôleurs]]
-  * Services +  * [[Services]] 
-  * Routing+  * [[Routing]]
   * [[Filtres]]   * [[Filtres]]
 +  * [[Directives built-in]]
   * [[Directives]]   * [[Directives]]
 +  * [[Debugging]]
 +====== Guide d'écriture du code (Style Guide) ======
  
- +Les exemples ci-dessus ne suivent peut-être pas un style prédéfini.  Il est préférable d'en apprendre un avant de débuter un projet Angular.  Voir [[https://github.com/mgechev/angularjs-style-guide|AngularJS Style Guide]].
 ====== Modules ====== ====== Modules ======
  
Ligne 28: Ligne 36:
 angular.module('myApp', ['myApp.services', 'myApp.filters', 'myApp.directives']); angular.module('myApp', ['myApp.services', 'myApp.filters', 'myApp.directives']);
 </code> </code>
 +
 +Dans le fichier HTML (''index.html'') :
 +
 +<code html>
 +<html lang="en" ng-app="myApp">
 +<!-- ... -->
 +</html>
 +</code>
 +
 +
 +
 +
 +====== Expressions ======
 +
 +  * ''%%{{2 * 3}}%%'', retourne ''6''.
 +  * ''%%{{ [3,2,1][0] }}%%'', retourne ''3''.
 +
 +
 +====== Validations ======
 +
 +
 +===== required =====
 +
 +On peut ajouter ''required'' à un contrôle HTML.
 +
 +===== ng-pattern =====
 +
 +
 +===== Forms =====
 +
 +  * $valid
 +  * $invalid
 +  * $dirty
 +  * $pristine
 +
 +
 +====== Promesses ======
 +
 +
 +[[http://solutionoptimist.com/2013/12/27/javascript-promise-chains-2/|Flattening Promise Chains]]
 +
 +
 +<code javascript>
 +var acceptInvite = function() {
 +    var deferred = $q.defer();
 +    var request = self.getRequest(calendar, date);
 +    if (request.isAcceptable() && !request.isConflicting()) {
 +        deferred.resolve();
 +    } else {
 +        deferred.reject();
 +    }
 +    return deferred.promise;
 +};
 +</code>
 +
 +
 +
 +====== Transferred with MIME type text/html ======
 +
 +> //Resource interpreted as Stylesheet but transferred with MIME type text/html//
 +
 +Ajouter la ligne :
 +  app.use(express.static(config.rootPath + '/public'));
 +
 +
 +====== À lire ======
 +
 +  * [[https://github.com/johnpapa/angularjs-styleguide|John Papa AngularJS Style Guide]]
 +  * [[https://www.airpair.com/angularjs/posts/top-10-mistakes-angularjs-developers-make|The Top 10 Mistakes AngularJS Developers Make]]
  
  
  
  
web/javascript/angularjs/toc.1417656543.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)