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.

4
Dynamische Vorlagenreferenzvariable in ngFor (Winkel 9)
Wie deklariere ich eine dynamische Vorlagenreferenzvariable innerhalb eines ngForElements? Ich möchte die Popover-Komponente von ng-bootstrap verwenden. Der Popover-Code (mit HTML-Bindung) lautet wie folgt: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" popoverTitle="Fancy content"> I've got markup and bindings in my popover! </button> Wie kann ich diese Elemente einwickelnngFor ? <div …
12
Ruft alle Validierungsfehler von Angular 2 FormGroup ab
Angesichts dieses Codes: this.form = this.formBuilder.group({ email: ['', [Validators.required, EmailValidator.isValid]], hasAcceptedTerms: [false, Validators.pattern('true')] }); Wie kann ich alle Validierungsfehler erhalten this.form? Ich schreibe Unit-Tests und möchte die tatsächlichen Validierungsfehler in die Assert-Nachricht aufnehmen.
8
Weltweiter Umgang mit 401s mit Angular
In meinem Angular 2-Projekt mache ich API-Aufrufe von Diensten, die eine Observable zurückgeben. Der aufrufende Code abonniert dann dieses Observable. Beispielsweise: getCampaigns(): Observable<Campaign[]> { return this.http.get('/campaigns').map(res => res.json()); } Angenommen, der Server gibt eine 401 zurück. Wie kann ich diesen Fehler global abfangen und zu einer Anmeldeseite / Komponente umleiten? …
90 angular 
9
Angular2 - HTTP-POST-Anforderungsparameter
Ich versuche eine POST-Anfrage zu stellen, aber ich kann sie nicht zum Laufen bringen: testRequest() { var body = 'username=myusername?password=mypassword'; var headers = new Headers(); headers.append('Content-Type', 'application/x-www-form-urlencoded'); this.http .post('/api', body, { headers: headers }) .subscribe(data => { alert('ok'); }, error => { console.log(JSON.stringify(error.json())); }); } Grundsätzlich möchte ich diese http-Anfrage …
7
Ein Fehler ist aufgetreten: @Output nicht initialisiert
Ich arbeite an einer eckigen App, mit der Manager ihre Teams verfolgen können, und ich habe einen @ Output-Fehler: An error occurred: @Output deleteMeeting not initialized in 'MeetingItemComponent'. Ich habe eine Meetings-Komponente, die eine Liste der MeetingItem-Komponenten generiert. Ich möchte Aktionen ausführen, wenn der Benutzer auf verschiedene Schaltflächen klickt (Bearbeiten, …
8
Winkel 2 In formArrays kann keine Steuerung mit nicht angegebenem Namensattribut gefunden werden
Ich versuche, ein formArray in meiner Komponente zu durchlaufen, erhalte jedoch den folgenden Fehler Error: Cannot find control with unspecified name attribute So sieht die Logik in meiner Klassendatei aus export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any …
3
So werfen Sie einen Fehler vom RxJS-Kartenoperator (eckig)
Ich möchte einen Fehler von meiner beobachtbar ist werfen Karte Betreiber auf der Grundlage einer Bedingung. Zum Beispiel, wenn keine korrekten API-Daten empfangen werden. Bitte beachten Sie den folgenden Code: private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( …
5
document.getElementById-Ersatz in angle4 / typescript?
Also arbeite ich mit angular4 in meiner Übungsarbeit und das ist neu für mich. Zum Glück habe ich <HTMLInputElement> document.getElementByIdoder verwendet, um HTML-Elemente und ihre Werte zu erhalten <HTMLSelectElement> document.getElementById Ich frage mich, ob es einen Ersatz dafür in Winkel gibt
6
Wie und wo :: ng-deep verwenden?
Ich bin neu in Angular 4, kann jemand bitte erklären, wie und wo ::ng-deepin Angular 4 zu verwenden ist? Eigentlich möchte ich einige der CSS-Eigenschaften der untergeordneten Komponenten von den übergeordneten Komponenten überschreiben. Außerdem wird es auf IE11 unterstützt?
5
So fügen Sie einen Service in die Klasse ein (keine Komponente)
Ich möchte einen Dienst in eine Klasse einfügen, die keine Komponente ist . Zum Beispiel: Myservice import {Injectable} from '@angular/core'; @Injectable() export class myService { dosomething() { // implementation } } Meine Klasse import { myService } from './myService' export class MyClass { constructor(private myservice:myService) { } test() { this.myservice.dosomething(); …
19
Fehler rxjs / Subject.d.ts: Die Klasse 'Subject <T>' erweitert die Basisklasse 'Observable <T>' fälschlicherweise.
Ich habe Beispielvorlagencode aus diesem Tutorial extrahiert und im Folgenden zwei Schritte ausgeführt, um loszulegen: npm install // worked fine and created node_modules folder with all dependencies npm start // fehlgeschlagen mit unten Fehler- node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject&lt;T&gt;' incorrectly extends base class 'Observable&lt;T&gt;'. Types of property 'lift' are incompatible. …
6
zwei Objektarrays mit Angular 2 und TypeScript zusammenführen?
Ich habe die JavaScript-Fragen zu diesem Thema durchgesehen. Diese Frage bezieht sich speziell auf Angular2 mit TypeScript. Ich versuche, die JSON-Objekte mit einem Array zu verketten. Mein Code sieht ungefähr so ​​aus, public results: []; public getResults(){ this._service.get_search_results(this._slug, this._next).subscribe( data =&gt; { this.results.concat(data.results); this._next = data.next; }, err =&gt; { …
4
Wann wird FormGroup vs. FormArray verwendet?
FormGroup : Eine FormGroup fasst die Werte jedes untergeordneten FormControl zu einem Objekt zusammen, wobei jeder Steuerelementname als Schlüssel dient. const form = new FormGroup({ first: new FormControl('Nancy', Validators.minLength(2)), last: new FormControl('Drew'), }); FormArray : Ein FormArray fasst die Werte jedes untergeordneten FormControl in einem Array zusammen. const arr = …
13
Angular 4.3 - HttpClient setzt Parameter
let httpParams = new HttpParams().set('aaa', '111'); httpParams.set('bbb', '222'); Warum funktioniert das nicht? Es wird nur das 'aaa' und NICHT das 'bbb' gesetzt. Außerdem habe ich ein Objekt {aaa: 111, bbb: 222}. Wie kann ich alle Werte ohne Schleife festlegen? UPDATE (dies scheint zu funktionieren, aber wie kann die Schleife vermieden …
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.