Articles of dactylographie

mise en cache des résultats avec le service angular2 http

J’expose une requête HTTP GET via un service et plusieurs composants utilisent ces données (détails de profil sur un utilisateur). Je voudrais que la première requête du composant exécute réellement la requête HTTP GET sur le serveur et place les résultats en cache afin que les requêtes consécutives utilisent les données mises en cache, au […]

Comment partager des données entre composants dans Angular 2?

Dans Angular 1.xx, vous demandez simplement le même service et vous vous retrouvez avec la même instance, ce qui permet de partager les données dans le service. Maintenant, dans Angular 2, j’ai un composant qui fait référence à mon service. Je peux lire et modifier les données dans le service, ce qui est bien. Lorsque […]

La propriété ‘toPromise’ n’existe pas sur le type ‘Observable ‘

import { Headers, Http } from ‘@angular/http’; @Injectable() export class PublisherService{ private publishersUrl = ‘app/publisher’; constructor(private http: Http) { } getPublishers(): Promise{ return this.http.get(this.publishersUrl) .toPromise() .then(response => response.json().data) .catch(this.handleError); } } Je reçois cette erreur: La propriété ‘toPromise’ n’existe pas sur le type ‘Observable’.any

Angulaire 2/4/5 ne fonctionne pas dans IE11

J’essaie de comprendre pourquoi mon application angular 2 est bloquée en affichant Chargement en cours… dans IE 11. Suite à la suggestion de quelqu’un, j’ai essayé ce plunker, posté par quelqu’un en cas de débordement de stack, à la fois sur Chrome et sur IE 11. Fonctionne bien sur Chrome, mais échoue sur Internet Explorer […]

JSON à une instance de classe TypeScript?

J’ai fait pas mal de recherches, mais je ne suis pas totalement satisfait de ce que j’ai trouvé. Juste pour être sûr que voici ma question: quelle est la solution automatisée la plus robuste et la plus élégante pour désérialiser les instances de classes d’exécution JSON en TypeScript? Dis que j’ai cette classe: class Foo […]

Erreur rxjs / Subject.d.ts: la classe ‘Subject ‘ étend incorrectement la classe de base ‘Observable ‘

J’ai extrait un exemple de code modèle depuis https://github.com/gopinav/Angular-2-Tutorials et j’ai fait ci-dessous deux étapes pour commencer – npm install // worked fine and created node_modules folder with all dependencies npm start // échec avec l’erreur ci-dessous- node_modules / rxjs / Subject.d.ts (16,22): erreur TS2415: La classe ‘Subject’ étend incorrectement la classe de base ‘Observable’. […]

Utilisateurs de Vim, où reposez-vous votre main droite?

Utilisateurs de vim de longue date, gardez-vous les doigts sur jkl; ou hjkl en mode normal? La saisie tactile standard nous apprend que la position jkl; de la main droite a l’index sur la touche j , donc vos doigts sont sur la jkl; . Mais les touches de déplacement standard de vim sont hjkl […]

Définition du type de rappel TypeScript

J’ai la classe suivante dans TypeScript: class CallbackTest { public myCallback; public doWork(): void { //doing some work… this.myCallback(); //calling callback } } J’utilise la classe comme ceci: var test = new CallbackTest(); test.myCallback = () => alert(“done”); test.doWork(); Le code fonctionne, il affiche donc un message comme prévu. Ma question est la suivante: existe-t-il […]

Angular 2 Utiliser un composant d’un autre module

J’ai Angular 2 (version 2.0.0 – final) app générée avec des angles angulars. Lorsque je crée un composant et que je l’ajoute au AppModule de déclarations d’ AppModule , tout va bien, cela fonctionne. J’ai décidé de séparer les composants, j’ai donc créé un TaskModule et un composant TaskCard . Maintenant, je veux utiliser la […]

Quand utiliser l’interface et le modèle dans TypeScript / Angular2

J’ai récemment regardé un didacticiel sur Angular 2 avec TypeScript, mais je ne savais pas quand utiliser une interface et quand utiliser un modèle pour contenir des structures de données. Exemple d’interface: export interface IProduct { ProductNumber: number; ProductName: ssortingng; ProductDescription: ssortingng; } Exemple de modèle: export class Product { constructor( public ProductNumber: number, public […]