Articles of typographique

Étendre ou implémenter une classe abstraite pure dans TypeScript

Supposons que j’ai une classe abstraite pure (c’est-à-dire une classe abstraite sans implémentation): abstract class A { abstract m(): void; } Comme en C # et Java, je peux étendre la classe abstraite: class B extends A { m(): void { } } Mais contrairement à C # et Java, je peux également implémenter la […]

Test d’unité Angular2 avec @Input ()

J’ai un composant qui utilise l’annotation @Input() sur une variable d’instance et j’essaye d’écrire mon test unitaire pour la méthode openProductPage() , mais je suis un peu perdu quant à la configuration de mon test unitaire. Je pourrais rendre cette instance variable en public, mais je ne pense pas que je devrais y avoir recours. […]

Comment exécuter un service lorsque l’application démarre dans Angular 2

J’ai créé un service SocketService, il initialise essentiellement le socket pour permettre à l’application d’écouter sur le port. Ce service interagit également avec certains composants. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } … } Je sais que le code du constructeur de SocketService () ne commence à s’exécuter que […]

Comment placer un composant dynamic dans un conteneur

Je souhaite créer des composants dynamics et insérer des vues de ces composants dans un conteneur. Je pense que cela peut être réalisé par ViewContainerRef . Mais je ne sais pas, pouvons-nous obtenir ViewContainerRef de n’importe quel composant? si oui alors comment ?. Je suis nouveau sur Angular, s’il y a d’autres bonnes solutions disponibles […]

Comment utiliser select / option / NgFor sur un tableau d’objects dans Angular2

J’ai du mal à créer une sélection dans Angular2 qui est soutenue par un tableau d’objects au lieu de chaînes. Je savais comment le faire dans AngularJS en utilisant ngOptions , mais cela ne semble pas fonctionner dans Angular2 (j’utilise l’alpha 42). Dans l’exemple ci-dessous, j’ai quatre sélections, mais deux seulement fonctionnent. ‘Select Ssortingng’ est […]

Angular2 Ne peut pas se lier à DIRECTIVE car ce n’est pas une propriété connue de l’élément

J’ai généré un nouveau @Directive par Angular CLI, il a été importé dans mon app.module.ts import { ContenteditableModelDirective } from ‘./directives/contenteditable-model.directive’; import { ChatWindowComponent } from ‘./chat-window/chat-window.component’; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, … ], imports: [ … ], … }) et j’essaie d’utiliser dans mon composant (ChatWindowComponent) Write message même si dans directive est […]

Que sont les typographies typographiques?

Je viens de commencer à jouer avec angular 2, et j’ai vu que de nombreux projets disponibles sur le Web ont un dossier appelé typings . En creusant davantage dans le problème, j’ai trouvé que cela avait quelque chose à voir avec le paquet https://www.npmjs.com/package/typings . J’ai lu leur documentation mais je ne comprenais pas […]

Comment déclarer une classe de modèle dans mon composant Angular 2 à l’aide de TypeScript?

Je suis nouveau sur Angular 2 et TypeScript et j’essaie de suivre les meilleures pratiques. Au lieu d’utiliser un simple modèle JavaScript ({}), je tente de créer une classe TypeScript. Cependant, Angular 2 ne semble pas aimer ça. Mon code est: import { Component, Input } from “@angular/core”; @Component({ selector: “testWidget”, template: “This is a […]

Quel est le mot réservé «type» dans TypeScript?

J’ai juste remarqué en essayant de créer une interface dans TypeScript que “type” est un mot–clé ou un mot réservé. Lors de la création de l’interface suivante, par exemple, “type” est affiché en bleu dans Visual Studio 2013 avec TypeScript 1.4: interface IExampleInterface { type: ssortingng; } Disons que vous essayez ensuite d’implémenter l’interface dans […]

Est-il possible d’utiliser pipe dans le code dans Angular 2?

Lorsque j’utilise mon tube personnalisé dans un modèle, c’est comme ça. Et ça marche bien. {{user|userName}} Est-il possible d’utiliser pipe dans le code? J’essaie d’utiliser comme ça, let name = `${user|userName}`; Mais ça se voit userName n’est pas défini Mon autre méthode consiste à utiliser db.collection.findOne () manuellement dans le code. Mais y a-t-il une […]