La programmation angular

17

Matériau angulaire: sélection du tapis sans sélection par défaut

J'ai un mat-select où les options sont tous les objets définis dans un tableau. J'essaie de définir la valeur par défaut sur l'une des options, mais elle est laissée sélectionnée lorsque la page s'affiche. Mon fichier dactylographié contient: public options2 = [ {"id": 1, "name": "a"}, {"id": 2, "name": "b"} …

109 angular typescript angular-material2

16

Comment déboguer une erreur «[object ErrorEvent] thrown» dans mes tests Karma / Jasmine?

J'ai plusieurs tests échouants qui ne produisent que [object ErrorEvent] thrown. Je ne vois rien dans la console qui m'aide à identifier le code incriminé. Dois-je faire quelque chose pour les retrouver? [EDIT]: J'utilise Karma v1.70, Jasmine v2.7.0

108 angular angular-cli karma-jasmine

12

Mise à jour dynamique du CSS dans Angular 2

Disons que j'ai un composant Angular2 //home.component.ts import { Component } from 'angular2/core'; @Component({ selector: "home", templateUrl: "app/components/templates/home.component.html", styleUrls: ["app/components/styles/home.component.css"] }) export class HomeComponent { public width: Number; public height: Number; } Le fichier HTML modèle pour ce composant //home.component.html <div class="home-component">Some stuff in this div</div> Et enfin le fichier …

108 css angular

1

Accéder aux variables de référence de modèle à partir de la classe de composant

<div> <input #ipt type="text"/> </div> Est-il possible d'accéder à la variable d'accès au modèle à partir de la classe de composant? c'est-à-dire, puis-je y accéder ici, class XComponent{ somefunction(){ //Can I access #ipt here? } }

108 angular typescript angular2-template

8

Comment charger une image (et d'autres actifs) dans Angular un projet?

Je suis assez nouveau dans Angular, donc je ne suis pas sûr de la meilleure pratique pour le faire. J'ai utilisé angular-cli et ng new some-project pour générer une nouvelle application. Il a créé un dossier "images" dans le dossier "actifs", donc maintenant mon dossier d'images est src/assets/images Dans app.component.html(qui …

108 html angular angular-cli

6

Évitez Angular2 de soumettre systématiquement le formulaire en cliquant sur un bouton

Ok alors peut-être que ce n'est pas clair. Obtenez ce formulaire: <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> Pourquoi tous les boutons déclenchent-ils la submit()fonction? Et comment éviter cela?

107 javascript forms angular submit

10

AVERTISSEMENT: désinfection de l'URL de valeur de style non sécurisé

Je souhaite définir l'image d'arrière-plan d'une DIV dans un modèle de composant dans mon application Angular 2. Cependant, je continue à recevoir l'avertissement suivant dans ma console et je n'obtiens pas l'effet souhaité ... Je ne sais pas si l'image d'arrière-plan CSS dynamique est bloquée en raison de restrictions de …

107 typescript angular xss

3

Utilisation de ngIf sans élément supplémentaire dans Angular 2

Puis-je utiliser ngIfsans élément de conteneur supplémentaire? <tr *ngFor="..."> <div *ngIf="..."> ... </div> <div *ngIf="!..."> ... </div> </tr> Cela ne fonctionne pas dans un tableau car cela rendrait du HTML invalide.

107 html templates angular

5

Angular 8 - Modules de chargement différé: Erreur TS1323: l'importation dynamique n'est prise en charge que lorsque l'indicateur '--module' est 'commonjs' ou 'esNext'

Lorsque j'ai mis à jour Angular de 7 à Angular 8, obtention d'une erreur pour les modules de chargement paresseux J'ai essayé les options qui se trouvent dans le guide de mise à niveau angulaire Apportez les modifications ci-dessous: Avant loadChildren: '../feature/path/sample- tage.module#SameTagModule' Après loadChildren: () => import('../feature/path/sample- tags.module').then(m => …

107 javascript angular typescript module angular8

6

Angular HttpClient «Échec de Http lors de l'analyse»

J'essaye d'envoyer une demande POST d'Angular 4 à mon backend Laravel. Mon LoginService a cette méthode: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Je m'abonne à cette méthode dans mon LoginComponent: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { console.log(error) }) …

107 angular typescript angular-httpclient

15

La démo de tri sur table ne fonctionne pas

J'essaie de faire fonctionner le mat-tabletri localement, et bien que je puisse faire apparaître les données comme prévu, cliquer sur la ligne d'en-tête ne fait pas le tri comme sur les exemples en ligne (rien ne se passe du tout). J'essaie de faire fonctionner cette démo localement: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview J'ai …

107 angular angular-material

8

Détecter le clic à l'extérieur du composant angulaire

Comment puis-je détecter les clics en dehors d' un composant dans Angular?

106 html events angular typescript

7

Comment puis-je limiter ngFor à un certain nombre d'éléments dans Angular?

Mon code: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> J'essaie d'avoir seulement 10 éléments de liste affichés à tout moment. Comme suggéré dans la réponse ici , j'ai utilisé ngIf mais cela se traduit par des éléments de liste vides (au-delà de 10) apparaissant sur …

106 angular

16

La validation du schéma a échoué avec les erreurs suivantes: Le chemin d'accès aux données «.builders ['app-shell']» doit avoir la propriété requise 'class'

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

106 angular

30

Angular2 QuickStart npm start ne fonctionne pas correctement

Je sais que la version bêta d'Angular2 vient de sortir mais je ne peux pas reproduire les étapes de leur tutoriel officiel sur le site ( https://angular.io/guide/quickstart ). Peut-être que quelqu'un a eu des problèmes similaires et sait quoi faire pour résoudre ce problème? Lorsque j'essaye de démarrer l'application avec …

105 node.js angular npm

Questions marquées «angular»