|
1 |
| -# Les patrons de conception avec AngularJS 1.x |
| 1 | +# Les patrons de conception avec AngularJS |
| 2 | + |
| 3 | +## Table des matières |
2 | 4 |
|
3 | 5 | <!--toc-->
|
4 | 6 |
|
5 |
| -## Table des matières |
| 7 | +<!-- START doctoc generated TOC please keep comment here to allow auto update --> |
| 8 | + |
| 9 | +<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE --> |
6 | 10 |
|
7 |
| -- [Traductions](#translations) |
| 11 | +- [Traductions](#traductions) |
8 | 12 | - [Abstract](#abstract)
|
9 | 13 | - [Introduction](#introduction)
|
10 |
| -- [Vue d'ensemble d'AngularJS](#angularjs-overview) |
11 |
| - - [Les vues partielles](#partials) |
12 |
| - - [Les contrôleurs](#controllers) |
13 |
| - - [Le scope](#scope) |
14 |
| - - [Les directives](#directives) |
15 |
| - - [Les filtres](#filters) |
16 |
| - - [Les services](#services) |
17 |
| -- [Les patrons de conception d'AngularJS](#angularjs-patterns) |
18 |
| - - [Les services](#services-1) |
19 |
| - - [Singleton](#singleton) |
| 14 | +- [Vue d'ensemble d'AngularJS](#vue-densemble-dangularjs) |
| 15 | + - [Les vues partielles](#les-vues-partielles) |
| 16 | + - [Les contrôleurs](#les-contr%C3%B4leurs) |
| 17 | + - [Le scope](#le-scope) |
| 18 | + - [Les directives](#les-directives) |
| 19 | + - [Les filtres](#les-filtres) |
| 20 | + - [Les services](#les-services) |
| 21 | +- [Les patrons de conception d'AngularJS](#les-patrons-de-conception-dangularjs) |
| 22 | + - [Les services](#les-services-1) |
| 23 | + - [Le patron Singleton](#le-patron-singleton) |
20 | 24 | - [Factory Method](#factory-method)
|
21 | 25 | - [Decorator](#decorator)
|
22 | 26 | - [Facade](#facade)
|
23 | 27 | - [Proxy](#proxy)
|
24 |
| - - [Active Record](#active-record) |
| 28 | + - [Enregistrement Actif (Active Record)](#enregistrement-actif-active-record) |
25 | 29 | - [Intercepting Filters](#intercepting-filters)
|
26 |
| - - [Les directives](#directives-1) |
| 30 | + - [Les directives](#les-directives-1) |
27 | 31 | - [Composite](#composite)
|
28 |
| - - [Interpreter](#interpreter) |
| 32 | + - [Interpreter](#interpreter) |
29 | 33 | - [Template View](#template-view)
|
30 |
| - - [Le scope](#scope-1) |
| 34 | +- [Names](#names) |
| 35 | +- [Names](#names-1) |
| 36 | + - [Scope](#scope) |
31 | 37 | - [Observer](#observer)
|
32 |
| - - [Chaîne de responsabilités](#chain-of-responsibilities) |
| 38 | + - [Chaîne de responsabilité](#cha%C3%AEne-de-responsabilit%C3%A9) |
33 | 39 | - [Command](#command)
|
34 |
| - - [Les contrôlleurs](#controller-1) |
35 |
| - - [Page Controller](#page-controller) |
36 |
| - - [Les autres patrons](#others) |
| 40 | + - [Controllers](#controllers) |
| 41 | + - [Contrôleur de page](#contr%C3%B4leur-de-page) |
| 42 | + - [Others](#others) |
37 | 43 | - [Module Pattern](#module-pattern)
|
38 |
| - - [Data Mapper](#data-mapper) |
39 |
| - - [Le service en tant que Observer](#observer-pattern-as-an-external-service) |
40 |
| -- [Références](#references) |
| 44 | + - [Data Mapper](#data-mapper) |
| 45 | + - [Le patron Observer grâce à un Service Commun](#le-patron-observer-gr%C3%A2ce-%C3%A0-un-service-commun) |
| 46 | +- [References](#references) |
| 47 | + |
| 48 | +<!-- END doctoc generated TOC please keep comment here to allow auto update --> |
41 | 49 |
|
42 | 50 | <!--endtoc-->
|
43 | 51 |
|
@@ -257,7 +265,7 @@ function MyCtrl(Developer) {
|
257 | 265 | }
|
258 | 266 | ```
|
259 | 267 |
|
260 |
| -## AngularJS Patterns |
| 268 | +## Les patrons de conception d'AngularJS |
261 | 269 |
|
262 | 270 | Dans les sections suivantes, nous allons voir comment les patrons de conception traditionnels sont utilisés dans les composants d'AngularJS.
|
263 | 271 |
|
@@ -474,7 +482,7 @@ http.setRequestHeader("Content-length", params.length);
|
474 | 482 | http.setRequestHeader("Connection", "close");
|
475 | 483 | http.onreadystatechange = function () {
|
476 | 484 | if(http.readyState == 4 && http.status == 200) {
|
477 |
| -alert(http.responseText); |
| 485 | + alert(http.responseText); |
478 | 486 | }
|
479 | 487 | }
|
480 | 488 |
|
@@ -999,7 +1007,7 @@ var Page = (function () {
|
999 | 1007 | setTitle: setTitle,
|
1000 | 1008 | getTitle: getTitle
|
1001 | 1009 | };
|
1002 |
| - |
| 1010 | + |
1003 | 1011 | }());
|
1004 | 1012 | ```
|
1005 | 1013 |
|
@@ -1115,7 +1123,7 @@ Voici un exemple démontrant comment attacher, notifier et détacher un événem
|
1115 | 1123 |
|
1116 | 1124 | ``` javascript
|
1117 | 1125 | angular.module('app.controllers')
|
1118 |
| -.controller('ObserverExample', ObserverExample); |
| 1126 | + .controller('ObserverExample', ObserverExample); |
1119 | 1127 |
|
1120 | 1128 | ObserverExample.$inject= ['ObserverService', '$timeout'];
|
1121 | 1129 |
|
|
0 commit comments