É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"...
Comment utiliser ngStyle pour ajouter une image d'arrière-plan? Mon code ne fonctionne pas: this.photo = 'http://dl27.fotosklad.org.ua/20121020/6d0d7b1596285466e8bb06114a88c903.jpg'; <div [ngStyle]="{'background-image': url(' + photo + ')}"></div>
Il existe un didacticiel de démarrage rapide sur angular.io qui utilise du typecript et systemjs. Maintenant que j'ai ce miniapp en cours d'exécution, comment pourrais-je créer quelque chose de déployable? Je n'ai trouvé aucune information à ce sujet. Ai-je besoin d'outils supplémentaires, de...
Comment utiliser *ngForpour répéter un élément HTML plusieurs fois? Par exemple: si une variable membre est affectée à 20. Comment utiliser la directive * ngFor pour faire répéter un div 20
Je travaille sur une application qui a beaucoup de rôles dont j'ai besoin pour utiliser des gardes pour bloquer la navigation vers des parties de l'application en fonction de ces rôles. Je me rends compte que je peux créer des classes de garde individuelles pour chaque rôle, mais que je préfère...
Dans une application angulaire, nous avons un ngOnDestroy()hook de cycle de vie pour un composant / directive et nous utilisons ce hook pour désabonner les observables. Je veux effacer / déstocker les observables créés dans un @injectable()service. J'ai vu des articles disant que cela...
J'utilise angular 5. J'ai un tableau de bord où j'ai quelques sections avec un petit contenu et quelques sections avec un contenu si grand que je suis confronté à un problème lors du changement de routeur en allant en haut. Chaque fois que j'ai besoin de faire défiler pour aller en haut. Quelqu'un...
J'ai un composant parent qui va au serveur et récupère un objet: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void {...
Les réponses à cette question sont un effort communautaire . Modifiez les réponses existantes pour améliorer ce message. Il n'accepte pas actuellement de nouvelles réponses ou interactions. En utilisant ng --versionj'ai: @ angulaire / cli: 1.0.0 qui n'est pas la dernière version disponible. Depuis...
Non, ce n'est pas une question en double. Vous voyez, il y a une tonne de questions et de problèmes dans SO et Github qui prescrivent que j'ajoute cette directive à une balise qui a une [(ngModel)]directive et qui n'est pas contenue dans un formulaire. Si je ne l'ajoute pas, j'obtiens une erreur:...
Je travaille actuellement sur la page de réinitialisation de mot de passe d'un projet Angular 4. Nous utilisons un matériau angulaire pour créer la boîte de dialogue, cependant, lorsque le client clique hors de la boîte de dialogue, elle se ferme automatiquement. Existe-t-il un moyen d'éviter la...
Impossible de se lier à 'ngModel' car ce n'est pas une propriété know de l'élément 'input' et il n'y a pas de directives correspondantes avec une propriété correspondante Remarque: j'utilise alpha.31 import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector: 'data-bind'...
J'essaie de tester la liaison bidirectionnelle angular2 pour le contrôle input. Voici l'erreur: Can't bind to 'ngModel' since it isn't a known property of 'input'. Le app.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> Le...
Ici, il utilise pathmatch comme complet et lorsque je supprime ce pathmatch, il ne charge même pas l'application ou n'exécute pas le projet import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import {...
Comment pourrais-je avoir plusieurs cas dans une *ngIfdéclaration? Je suis habitué à Vue ou angulaire 1 d'avoir un if, else ifet else, mais il semble que angulaire 4 a seulement true( if) et false( else) condition. D'après la documentation, je ne peux que faire: <ng-container *ngIf="foo === 1;...
Je veux pouvoir faire défiler jusqu'à une cible lorsqu'un bouton est enfoncé. Je pensais à quelque chose comme ça. <button (click)="scroll(#target)">Button</button> Et dans ma component.tsméthode comme. scroll(element) { window.scrollTo(element.yPosition) } Je sais que le code...
Je construis une application angulaire 4. Je reçois une erreur Error:Component HomeComponent is not part of any NgModule or the module has not been imported into your module. J'ai créé HomeModule et HomeComponent. Lequel dois-je faire référence à l'AppModule? Je suis un peu confus. Dois-je...
Mon équipe et moi avons reçu un financement pour commencer à développer une application Web au niveau de l'entreprise (je n'entrerai pas dans les détails de ce qu'elle fait). L'application aura de nombreuses pages Web séparées, mais deux de ces pages seront plus ciblées et très lourdes - lourdes...
Essayer d'écrire un tube Angular 2 qui prendra une chaîne d'objet JSON et la renverra assez imprimée / formatée pour l'afficher à l'utilisateur. Par exemple, cela prendrait ceci: {"id": 1, "number": "K3483483344", "state": "CA", "active": true} Et renvoyez quelque chose qui ressemble à ceci...
Est-il possible de soumettre un formulaire qui n'a pas de bouton d'envoi (en appuyant sur Entrée) exemple: <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form