Als «angular» getaggte Fragen

Fragen zu Angular (nicht zu verwechseln mit AngularJS), dem Webframework von Google. Verwenden Sie dieses Tag für Winkelfragen, die nicht für eine einzelne Version spezifisch sind. Verwenden Sie für das ältere AngularJS (1.x) -Webframework das AngularJS-Tag.

12
CSS in Angular 2 dynamisch aktualisieren
Angenommen, ich habe eine Angular2-Komponente //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; } Die HTML-Vorlagendatei für diese Komponente //home.component.html <div class="home-component">Some stuff in this div</div> Und schließlich die CSS-Datei für diese Komponente …
107 css  angular 
8
So überprüfen Sie die Länge eines Observable-Arrays
In meiner Angular 2-Komponente habe ich ein Observable-Array list$: Observable<any[]>; In meiner Vorlage habe ich <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> </ul> </div> Die Liste $ .length funktioniert jedoch bei einem Observable-Array nicht. Aktualisieren: Es scheint, dass (Liste $ | async)?. Länge …
10
WARNUNG: Desinfizieren der URL für unsichere Stilwerte
Ich möchte das Hintergrundbild eines DIV in einer Komponentenvorlage in meiner Angular 2-App festlegen. Ich erhalte jedoch immer wieder die folgende Warnung in meiner Konsole und erhalte nicht den gewünschten Effekt ... Ich bin mir nicht sicher, ob das dynamische CSS-Hintergrundbild aufgrund von Sicherheitsbeschränkungen in Angular2 blockiert wird oder ob …
107 typescript  angular  xss 
5
Was ist die Funktion pipe () in Angular?
Pipes sind Filter zum Transformieren von Daten (Formaten) in der Vorlage. Ich bin auf die pipe()Funktion wie folgt gestoßen. Was bedeutet diese pipe()Funktion in diesem Fall genau? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );
6
Vermeiden Sie, dass Angular2 das Formular beim Klicken auf die Schaltfläche systematisch sendet
Ok, vielleicht ist das unklar. Holen Sie sich dieses Formular: <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> Warum lösen alle Tasten die submit()Funktion aus? Und wie kann man das vermeiden?
16
Die Schemaüberprüfung ist mit den folgenden Fehlern fehlgeschlagen: Für den Datenpfad ".builders ['app-shell']" sollte die Eigenschaft 'class' erforderlich sein.
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 funktioniert nicht richtig
Ich weiß, dass Angular2 Beta gerade veröffentlicht wurde, aber ich kann die Schritte aus dem offiziellen Tutorial der Website ( https://angular.io/guide/quickstart ) nicht reproduzieren . Vielleicht hatte jemand ähnliche Probleme und weiß, was zu tun ist, um dies zu beheben? Wenn ich versuche, die Anwendung mit dem npm startBefehl zu …
105 node.js  angular  npm 
6
Angular HttpClient "HTTP-Fehler beim Parsen"
Ich versuche, eine POST-Anfrage von Angular 4 an mein Laravel-Backend zu senden. Mein LoginService hat diese Methode: login(email: string, password: string) { return this.http.post(`http://10.0.1.19/login`, { email, password }) } Ich abonniere diese Methode in meiner LoginComponent: .subscribe( (response: any) => { console.log(response) location.reload() }, (error: any) => { console.log(error) }) …
7
Wie kann ich ngFor repeat auf eine bestimmte Anzahl von Elementen in Angular beschränken?
Mein Code: <li *ngFor="let item of list; let i=index" class="dropdown-item" (click)="onClick(item)"> <template [ngIf]="i<11">{{item.text}}</template> </li> Ich versuche, zu jedem Zeitpunkt nur 10 Listenelemente anzuzeigen. Wie in der Antwort hier vorgeschlagen , habe ich ngIf verwendet, aber dies führt dazu, dass leere Listenelemente (über 10) auf der Seite angezeigt werden.
105 angular 
9
Die Eigenschaft '…' hat keinen Initialisierer und wird im Konstruktor nicht definitiv zugewiesen
In meiner Angular App habe ich eine Komponente: import { MakeService } from './../../services/make.service'; import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-vehicle-form', templateUrl: './vehicle-form.component.html', styleUrls: ['./vehicle-form.component.css'] }) export class VehicleFormComponent implements OnInit { makes: any[]; vehicle = {}; constructor(private makeService: MakeService) { } ngOnInit() { this.makeService.getMakes().subscribe(makes => { …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.