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.

8
Lesen Sie die Antwortheader aus der API-Antwort - Angular 5 + TypeScript
Ich löse eine HTTPAnfrage aus und erhalte eine gültige Antwort. Die Antwort hat auch einen Header X-Token, den ich lesen möchte. Ich versuche den folgenden Code, um die Header zu lesen, erhalte jedoch als Ergebnis null this.currentlyExecuting.request = this.http.request(reqParams.type, reqParams.url, { body: reqParams.body, responseType: 'json', observe: 'response' }).subscribe( (_response: any) …

3
Die Eigenschaft 'toPromise' ist für den Typ 'Observable <Response>' nicht vorhanden.
import { Headers, Http } from '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise&lt;Publisher[]&gt;{ return this.http.get(this.publishersUrl) .toPromise() .then(response =&gt; response.json().data) .catch(this.handleError); } } Ich erhalte diesen Fehler: Die Eigenschaft 'toPromise' ist für den Typ 'Observable' nicht vorhanden


4
Umleitung innerhalb der Komponente Winkel 2
Ich habe eine einfache Methode, die ich am Ende auf eine andere Komponente umleiten möchte: export class AddDisplay{ display: any; addPairTo(name: string, pairTo: string){ this.display = {}; this.display.name = name; this.display.pairTo = pairTo; } } Was ich tun möchte, ist am Ende der Methode eine Umleitung zu einer anderen Komponente: …


16
Angular 4 img src wurde nicht gefunden
Ich habe ein Problem mit der Beschaffung eines Bildes mit Winkel 4. Es sagt mir immer wieder, dass das Bild nicht gefunden wird. Ordnerstruktur: app_folder/ app_component/ - my_componenet - image_folder/ - myimage Ich benutze das Bild in mycomponent. Wenn in mycomponent, füge ich es direkt ein mit: &lt;img src="img/myimage.png" Dies …
75 html  image  angular  src 

4
Wie gehe ich mit der Installation von Peer-Abhängigkeiten in Angular CLI um?
Ich habe mich in einem fast endlosen Zyklus von Fehlern befunden, als ich versucht habe, meine Angular CLI und NPM zu aktualisieren. Bei jedem Update werden WARN-Meldungen angezeigt, in denen ich aufgefordert werde, Peer-Abhängigkeiten zu installieren (siehe unten). Bei jeder Installation einer Abhängigkeit werden jedoch weitere WARN-Meldungen angezeigt. Gibt es …

4
Übergeben mehrerer Routenparameter in Angular2
Ist es möglich, mehrere Routenparameter zu übergeben, zB wie unten müssen id1und id2an die übergeben werdencomponent B @RouteConfig([ {path: '/component/:id :id2',name: 'MyCompB', component:MyCompB } ]) export class MyCompA { onClick(){ this._router.navigate( ['MyCompB', {id: "someId", id2: "another ID"}]); } }

9
Winkel 2 - Leiten Sie zu einer externen URL um und öffnen Sie sie in einem neuen Tab
Ich versuche, eine neue Seite zu öffnen, wenn der Benutzer auf einen Link klickt. Ich kann Angular 2 Router nicht verwenden, da es keine Funktionen zum Umleiten zu einer externen URL gibt. Also benutze ich window.location.href = "..."; HTML Quelltext: &lt;button (click)="onNavigate()"&gt;Google&lt;/tn-submenu-link&gt; Typoskript-Code: onNavigate(){ //this.router.navigateByUrl("https://www.google.com"); window.location.href="https://www.google.com"; } Aber wie kann …

5
Unit-Test-Klickereignis in Angular
Ich versuche, meiner Angular 2-App Komponententests hinzuzufügen. In einer meiner Komponenten befindet sich eine Schaltfläche mit einem (click)Handler. Wenn der Benutzer auf die Schaltfläche klickt, wird eine Funktion aufgerufen, die in der .tsKlassendatei definiert ist . Diese Funktion gibt im Fenster console.log eine Meldung aus, dass die Schaltfläche gedrückt wurde. …

7
Wie man in RxJS auf zwei Observablen wartet
In meiner App habe ich so etwas wie: this._personService.getName(id) .concat(this._documentService.getDocument()) .subscribe((response) =&gt; { console.log(response) this.showForm() }); //Output: // [getnameResult] // [getDocumentResult] // I want: // [getnameResult][getDocumentResult] Dann bekomme ich zwei getrennte Ergebnisse, zuerst das _personServiceund dann das _documentService. Wie kann ich auf beide Ergebnisse warten, bevor der Aufruf abgeschlossen ist …

1
TypeScript - Angular: Mehrzeilige Zeichenfolge
Ich bin ein Angular 2-Anfänger und habe diesen Code in meinem geschrieben dev/app.component.ts: import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '&lt;h3 (click)="onSelect()"&gt; {{contact.firstName}} {{content.lastName}}&lt;/h3&gt;' }) export class AppComponent { public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"max88@gmail.com"}; public showDetail = false; onSelect() { this.showDetail=true; } } Es funktioniert, wenn ich …

8
Gefunden die synthetische Eigenschaft @enterAnimation. Bitte fügen Sie Ihrer Anwendung entweder "BrowserAnimationsModule" oder "NoopAnimationsModule" hinzu. Angular4
Beim Ausführen von Karma zum Testen meiner Angular4-Anwendung wird dieser Fehler angezeigt, Found the synthetic property @enterAnimation. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.obwohl ich das Modul bereits in app.module.ts importiert habe // animation module import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; ... @NgModule({ imports: [... BrowserAnimationsModule, ... ], …

14
Angular 5 FormGroup Reset setzt Validatoren nicht zurück
Ich habe ein Formular auf meiner Seite und wenn ich FormGroup.reset()es aufrufe, setzt es die Formularklasse auf, gibt ng-pristine ng-untouchedaber FormControl.hasError(...)immer noch die Wahrheit zurück. Was mache ich hier falsch? Vorlage &lt;form [formGroup]="myForm" (ngSubmit)="submitForm(myForm)"&gt; &lt;mat-form-field&gt; &lt;input matInput formControlName="email" /&gt; &lt;mat-error *ngIf="email.hasError('required')"&gt; Email is a required feild &lt;/mat-error&gt; &lt;/mat-form-field&gt; &lt;mat-form-field&gt; &lt;input …

2
Die Eigenschaft 'Einträge' ist für den Typ 'ObjectConstructor' nicht vorhanden.
Ich arbeite an einer ng2-Implementierung. Ich verwende den folgenden Funktionsaufruf, um ein Objekt in ein Array zu konvertieren: var authors = Object.entries(responseObject.Authors); Dies ist eine Standard-js-Funktion. Der ts-Compiler gibt jedoch den folgenden Fehler zurück: "Property 'entries' does not exist on type 'ObjectConstructor'" Basierend auf einem schnellen Google-Ansatz scheint die Lösung …

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.