Node.js Girl
  1. Node.js Girl
  3. Comment détecter les changements avec les objects Date dans Angular2?
Intereting Posts
Envoyer du contenu à intervalles réguliers en JavaScript / Node.js Où accéder et stocker les aides EJS – SailsJS Comment imprimer une DIV dans ElectronJS nodejs: lance le module dans le bac à sable Utilisation d’un middleware express.static dans un itinéraire autorisé Fonctions Azure: Nodejs, Que sont les ressortingctions / limitations lors de l’utilisation d’un système de fichiers? Le nœud lui-même peut servir des fichiers statiques sans express ni aucun autre module ..? Quelle est la différence entre Apache Cordova et PhoneGap? Comment comparer deux tableaux d’object et obtenir des objects communs Comment faire une boucle audio dans Alexa Je ne peux pas utiliser SNICallback Mongo générant une «erreur de clé en double» sur des champs non uniques Existe-t-il un moyen de se connecter à l’AST de Webpack pour lui faire reconnaître un nouveau format de module? Différentes manières d’étendre les classes dans node.js exprime les retours 304 pour les demandes répétitives IE

Comment détecter les changements avec les objects Date dans Angular2?

Les objects date qui sont modifiés à l’aide de la méthode setDate ne sont pas mis à jour dans le modèle.

Dans le modèle: 

{{date | date:'mediumDate'}}

En composant: 

  nextDay(){ this.date.setDate(this.date.getDate()+1); }

Mais lorsque j’appelle la fonction nextDay, le modèle n’est pas mis à jour avec la nouvelle valeur.

La seule façon pour que la détection du changement fonctionne est la suivante: 

  nextDay(){ var tomorrow = new Date(); tomorrow.setDate(this.date.getDate()+1); this.date = tomorrow; }

Existe-t-il un meilleur moyen d’accomplir cette même tâche?

Je pense que c’est la bonne façon de changer la référence de la variable de date. De la documentation ici nous avons:

L’algorithme de détection de changement par défaut recherche les différences en comparant les valeurs de propriété liée par référence entre les exécutions de détection de changement.

Donc, si la référence de la date rest la même, rien ne se passera. Vous avez besoin d’une nouvelle référence Date et c’est pourquoi la deuxième version de nextDay() fonctionne.

Si vous supprimez le tuyau de formatage, vous verrez que seule la deuxième version de nextDay() fonctionne.