Différences

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

--- richclient:emberjs:modelobjet [2018/01/20 16:44] – jcheron
+++ richclient:emberjs:modelobjet [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 47: / Ligne 47: @@
 ===== Héritage/surdéfinition =====
+  * L'héritage est mis en place grace à la méthode **extend()**
+  * La surdéfinition par l'appel de **_super()**
 <sxh javascript>
@@ Ligne 74: / Ligne 77: @@
 ===== Initialisation/construction =====
-Quand un objet est instancié, la méthode **init()** de sa classe est invoquée automatiquement. La méthode init permet d'initialiser chaque instance :
+Quand un objet est instancié, la méthode **init()** de sa classe est invoquée automatiquement.
+<sxh javascript>
+import EmberObject from '@ember/object';
+const Person = EmberObject.extend({
+  init() {
+    alert(`${this.get('name')}, reporting for duty!`);
+  }
+});
+Person.create({
+  name: 'Stefan Penner'
+});
+// alerts "Stefan Penner, reporting for duty!"
+</sxh>
+La méthode init permet d'initialiser chaque instance.
+===== getters/setters =====
+L'accès aux propriétés d'un objet doit se faire en passant par les accesseurs **get()** et **set()**, faute de quoi computed properties et observers ne sont pas sollicités et ne mettent pas à jour les données (dans un template par exemple)
+<sxh javascript>
+import EmberObject from '@ember/object';
+const Person = EmberObject.extend({
+  name: 'Robert Jackson'
+});
+let person = Person.create();
+person.get('name'); // 'Robert Jackson'
+person.set('name', 'Tobias Fünke');
+person.get('name'); // 'Tobias Fünke'
+</sxh>