Dans mon composant Angular 2, j'ai un tableau observable list$: Observable<any[]>; Dans mon modèle j'ai <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li>...
Je suis sur le RC4 et j'obtiens l'erreur Il n'y a pas de directive avec "exportAs" réglé sur "ngForm" à cause de mon modèle: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType"...
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:...
<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? }
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
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...
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)...
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
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...
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"
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:...
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-...
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...
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...
Comment puis-je détecter les clics en dehors d' un composant dans
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...
Dans AppComponent, j'utilise le composant nav dans le code HTML. L'interface utilisateur a l'air bien. Aucune erreur lors du service ng. et aucune erreur dans la console lorsque je regarde l'application. Mais lorsque j'ai exécuté Karma pour mon projet, il y a une erreur: Failed: Template parse...
Je n'arrive pas à corriger cette erreur. J'ai une barre de recherche et un ngFor. J'essaie de filtrer le tableau en utilisant un tuyau personnalisé comme celui-ci: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false })...
Lorsque j'utilise mon tuyau personnalisé dans un modèle, c'est comme ça: {{user|userName}} Et ça marche bien. Est-il possible d'utiliser un tube dans le code? J'essaye de l'utiliser comme ceci: let name = `${user|userName}`; Mais ça montre userName n'est pas défini Mon autre moyen consiste à...
Étant donné une liste de cases à cocher liées à la même chose formControlName, comment puis-je produire un tableau de valeurs de case à cocher liées au formControl, plutôt que simplement true/ false? Exemple: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1"...