Javascript Girl
  1. Javascript Girl
  3. Ember.js observateur pour toutes les valeurs
Intereting Posts
Pourquoi l'objet javascript affiche-t-il différentes valeurs dans la console dans Chrome, Firefox, Safari? Formatage du texte sur un canevas HTML JavaScript: Uncaught TypeError: Impossible de lire la propriété 'style' de null Sélection dynamique dynamique pour un objet JavaScript OnClientClick = "return confirme ('Êtes-vous sûr de vouloir supprimer');" Comment dire à Sonar d'utiliser mes rapports surefire pour les résultats des tests unitaires Quelle est la meilleure façon de faire des boucles en JavaScript ExecCommand ('copy') ne fonctionne pas dans le rappel Ajax / XHR? Continuer la session à travers la page Recharger dans Backbone JS MeteorJS: comment obtenir un élément cliqué Alternative à regex: correspond à toutes les instances qui ne contiennent pas de guillemets Modifier les info-bulles dans ChartJS Comment ouvrez-vous un nouvel onglet en chrome en utilisant HTML / JS? Comment puis-je lancer un événement javascript playsound sur le clic sans envoyer l'utilisateur en haut de la page? 'Beforeunload' problème de Chrome

Ember.js observateur pour toutes les valeurs

Dans Ember.js, y at-il un bon moyen d'ajouter un observateur qui observera tous les changements sur une instance d'une sous-classe d' Ember.Object ?

C'est-à-dire (coffeescript) 

 Bat = Ember.Object.extend name: null age: null hank = Bat.create name: 'Hank' age: 2 #Something like this hank.addObserverToAll myClass, 'handleChange'

Voici une implémentation: http://jsfiddle.net/Sly7/GMwCu/ 

 App = Ember.Application.create(); App.WatchedObject = Ember.Object.extend({ firstProp: null, secondProp: "bar", init: function(){ this._super(); var self = this; Ember.keys(this).forEach(function(key){ if(Ember.typeOf(self.get(key)) !== 'function'){ self.addObserver(key, function(){ console.log(self.get(key)); }); } }); } }); App.watched = App.WatchedObject.create({ firstProp:"foo", plop: function(){}, thirdProp: 'far' }); App.watched.set('firstProp', 'trigObserver'); App.watched.set('secondProp', 'doesNotTrigObserver'); App.watched.set('thirdProp', 'alsoTrigObserver');

Comme vous pouvez le voir, il gère uniquement les propriétés, et non les fonctions (je pense que c'est ce que vous voulez).
Vous pouvez également réaliser que cela fonctionne uniquement pour les propriétés transmises à la méthode create() , et non celles spécifiées dans la définition de classe (c'est-à-dire en utilisant extend ).