Différences

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

--- web:javascript:angularjs:toc [2014/12/04 02:28] – [Filtres] sgariepy
+++ web: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]].
+===== Démarrer un projet =====
+Voir la page [[web:javascript:angularjs:demarrer_un_projet|démarrer un projet AngularJS]].
 ====== Sujets à couvrir ======
   * [[Contrôleurs]]
-  * Services
+  * [[Services]]
-  * Routing
+  * [[Routing]]
   * [[Filtres]]
+  * [[Directives built-in]]
   * [[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 ======
@@ Ligne 29: / Ligne 37: @@
 </code>
+Dans le fichier HTML (''index.html'') :
+<code html>
+<html lang="en" ng-app="myApp">
+<!-- ... -->
+</html>
+</code>
+====== Expressions ======
-===== Directives =====
+  * ''%%{{2 * 3}}%%'', retourne ''6''.
+  * ''%%{{ [3,2,1][0] }}%%'', retourne ''3''.
-==== Scope ====
+====== Validations ======
-=== Scope d'un élément ===
-Dans une directive, on peut avoir accès au scope d'un élément (autre au scope de la directive elle-même, mais un élément tout de même à l'intérieur de celle-ci).
+===== 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>
-element.on('click', 'input', function(event) {
+var acceptInvite = function() {
-    var inputScope = angular.element(this).scope();
+    var deferred = $q.defer();
-});
+    var request = self.getRequest(calendar, date);
+    if (request.isAcceptable() && !request.isConflicting()) {
+        deferred.resolve();
+    } else {
+        deferred.reject();
+    }
+    return deferred.promise;
+};
 </code>
-==== Pourcent ====
-<code javascript>
-myApp.directive("percent", function($filter){
-    var p = function(viewValue){
-        var m = viewValue.match(/^(\d+)\/(\d+)/);
-        if (m != null)
-          return $filter('number')(parseInt(m[1])/parseInt(m[2]), 2);
-        return $filter('number')(parseFloat(viewValue)/100, 5);
-    };
-    var f = function(modelValue){
+====== Transferred with MIME type text/html ======
-        return $filter('number')(parseFloat(modelValue)*100, 2);
-    };
+> //Resource interpreted as Stylesheet but transferred with MIME type text/html//
-    return {
+Ajouter la ligne :
-        require: 'ngModel',
+  app.use(express.static(config.rootPath + '/public'));
-        link: function(scope, ele, attr, ctrl){
-            ctrl.$parsers.unshift(p);
-            ctrl.$formatters.unshift(f);
+====== À 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]]
-</code>
-Source : [[http://jsfiddle.net/abhaga/DdeCZ/18/|JSFiddle]]