|
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