Différences

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

--- web:javascript:angular:ngrx [2018/12/11 17:34] – [Sources] sgariepy
+++ web:javascript:angular:ngrx [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 196: / Ligne 196: @@
     ) { }
-    // tslint:disable-next-line:member-ordering
     @Effect() loadCompanies$ = this.actions$
         .ofType(companyActions.LOAD_COMPANIES)
@@ Ligne 204: / Ligne 203: @@
         });
-    // tslint:disable-next-line:member-ordering
     @Effect() deleteCompany$ = this.actions$
         .ofType(companyActions.DELETE_COMPANY)
@@ Ligne 253: / Ligne 251: @@
-====== Dispatching Events ======
+====== Dispatching Actions ======
+Le //lancement// d'actions se fait avec le store.  Dans le constructeur d'un composant ou d'un service, on injecte le Store:
+<code javascript>
+constructor(private store: Store<IProduct[]>) {}
+</code>
+Par la suite, on peut lancer des actions:
+<code javascript>
+this.store.dispatch(new ProductsFetch());
+</code>
@@ Ligne 262: / Ligne 270: @@
 ====== Sélecteurs ======
+L'exemple ci-dessous montre comment créer un sélecteur et aussi comment faire de la composition de sélecteurs.
 <code javascript>
@@ Ligne 280: / Ligne 289: @@
 > = createSelector(
   someRequestSelector,
-  (request: IHttpState) => request && request.success
+  (request: IRequestState) => request && request.success
 );
 </code>
+Le sélecteur ''someRequestSelector'' est repris dans le sélecteur ''requestSuccess'' pour éviter de reprendre tout l'état à partir de ''AppSelectors.appSelector()''.
+  * [[https://blog.angularindepth.com/ngrx-parameterized-selector-e3f610529f8|Parameterized Selectors]]