Différences

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

--- richclient:emberjs:services [2018/01/26 11:45] – jcheron
+++ richclient:emberjs:services [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 2: / Ligne 2: @@
 Un service Ember (**Ember.Service**) est un objet dont la durée de vie est celle de l'application, et qui sera accessible depuis tous ses éléments.
-Les services peuvent être utiliser pour toutes les opérations relatives à une application :
+Les services peuvent être utilisés pour toutes les opérations relatives à une application :
   * User/session authentication.
   * Geolocation.
@@ Ligne 58: / Ligne 58: @@
 L'accès à un service se fait par injection de dépendance.
+<sxh javascript;title:app/components/cart-contents.js>
+import Ember from 'ember';
+export default Ember.Component.extend({
+  //will load the service in file /app/services/shopping-cart.js
+  shoppingCart: Ember.inject.service()
+});
+</sxh>
+<sxh javascript;title:app/components/cart-contents.js>
+import Ember from 'ember';
+export default Ember.Component.extend({
+  //will load the service in file /app/services/shopping-cart.js
+  cart: Ember.inject.service('shopping-cart')
+});
+</sxh>
+Utilisation du service injecté dans une action (accès par son getter) :
+<sxh javascript;title:app/components/cart-contents.js>
+import Ember from 'ember';
+export default Ember.Component.extend({
+  cart: Ember.inject.service('shopping-cart'),
+  actions: {
+    remove(item) {
+      this.get('cart').remove(item);
+    }
+  }
+});
+</sxh>