L'énumération Typescript semble une correspondance naturelle avec la directive ngSwitch d'Angular2. Mais quand j'essaye d'utiliser une énumération dans le modèle de mon composant, j'obtiens "Impossible de lire la propriété 'xxx' de undefined in ...". Comment puis-je utiliser des valeurs...
J'ai lu à propos de la nouvelle API de formulaires Angular2 et il semble qu'il existe deux approches sur les formulaires, l'une est les formulaires pilotés par modèle, l'autre est les formulaires réactifs ou pilotés par modèle. Je voudrais connaître la différence pratique entre les deux, non pas la...
ng serve sert un projet Angular via un serveur de développement npm startexécute une commande arbitraire spécifiée dans la propriété "start" du package de son objet "scripts". Si aucune propriété "start" n'est spécifiée sur l'objet "scripts", il exécutera le nœud server.js. Il semble que ng...
Code dactylographié: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService {...
Je suis tombé sur une étrange syntaxe d'affectation dans un modèle Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Il apparaît que let-colet let-car="rowData"créer deux nouvelles...
J'ai deux composants comme suit et je souhaite appeler une fonction à partir d'un autre composant. Les deux composants sont inclus dans le troisième composant parent using directive. Composant 1: @component( selector:'com1' ) export class com1{ function1(){...} } Composante 2: @component(...
Lors de la construction de mon projet angular 7 avec --prod, j'ai un avertissement dans les budgets. J'ai un projet angular 7, je veux le construire, mais j'ai un avertissement: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB ce sont des détails de bloc: chunk...
J'ai ce module qui compose la bibliothèque externe avec une logique supplémentaire sans ajouter la <script>balise directement dans l'index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script
Dans Angular, je pourrais avoir une forme qui ressemble à ceci: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> Dans le contrôleur...
J'ai lu la référence rapide Angular 1 à 2 sur le site Web Angular , et une chose que je ne comprenais pas complètement était la différence entre ces caractères spéciaux. Par exemple, celui qui utilise des astérisques: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td>...
ng-container est mentionné dans la documentation Angular 2 mais il n'y a aucune explication sur son fonctionnement et quels sont les cas d'utilisation. Il est notamment mentionné dans les directives ngPluralet ngSwitch. Est- <ng-container>ce que cela fait la même chose que <template>,...
J'ai mis à niveau un projet Angular 4 en utilisant angular-seed et j'obtiens maintenant l'erreur J'ai trouvé la propriété synthétique @panelState. Veuillez inclure "BrowserAnimationsModule" ou "NoopAnimationsModule" dans votre application. Comment puis-je réparer cela? Que me dit exactement le...
J'ai un JSONfichier qui ressemble à ceci: { "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkest": "#007F6E", "tertiaryMain":...
Je cherchais un moyen de transmettre des paramètres de requête dans un appel API avec la nouvelle de HttpClientModulel » HttpClientet il va falloir trouver une solution. Avec l'ancien Httpmodule, vous écririez quelque chose comme ça. getNamespaceLogs(logNamespace) { // Setup log namespace query...
Comment afficher la version de l'application dans une application angulaire? la version doit être extraite du package.jsonfichier { "name": "angular-app", "version": "0.0.1", ... } Dans angular 1.x, j'ai ce html: <p><%=version %></p> En angulaire, ce n'est pas rendu en tant que...
J'ai un élément personnalisé: <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"> <md-icon>{{ type.icon }}</md-icon> <span>{{ type.description }}</span> </div>...
J'essaye de tester mon composant angulaire 4.1.0 - export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute,...
Récemment, j'ai commencé à jouer avec angular 2. C'est génial jusqu'à présent. Donc, j'ai commencé un projet personnel de démonstration dans le but d'apprendre à utiliser angular-cli. Avec la configuration de routage de base, je souhaite maintenant accéder à certaines routes à partir de l'en-tête,...
J'utilise angular2 pour le développement et je me demandais s'il y avait une alternative pour ng-disabledangular2. Par ex. le code ci-dessous est en angularJS: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >>...
Je voudrais fermer ma liste déroulante de menu de connexion lorsque l'utilisateur clique n'importe où en dehors de cette liste déroulante, et j'aimerais le faire avec Angular2 et avec "l'approche" Angular2 ... J'ai mis en place une solution, mais je ne me sens vraiment pas en confiance. Je pense...