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.

23
Die Datei 'app / hero.ts' ist kein Modulfehler in der Konsole. Wo werden Schnittstellendateien in der Verzeichnisstruktur mit angle2 gespeichert?
Ich mache das angular2Tutorial unter folgender Adresse: https://angular.io/docs/ts/latest/tutorial/toh-pt3.html Ich habe die heroSchnittstelle in einer einzelnen Datei unter dem appOrdner abgelegt . In der Konsole ist dieser Fehler aufgetreten :: app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. [0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module. Wenn ich …
144 angular 
2
Greifen Sie mit @viewchild auf mehrere Ansichtskinder zu
Ich habe eine benutzerdefinierte Komponente erstellt, die ich in eine for-Schleife eingefügt habe, z <div *ngFor="let view of views"> <customcomponent></customcomponent> </div> Die Ausgabe davon wird sein: <customcomponent></customcomponent> <customcomponent></customcomponent> <customcomponent></customcomponent> Ich würde gerne wissen, wie ich mithilfe der @ viewchild-Syntax oder anderer Mittel einen Verweis auf diese Komponenten erhalten kann, wenn …
144 angular 
4
Ereignis-Listener dynamisch hinzufügen
Ich fange gerade an, mit Angular 2 herumzuspielen, und ich frage mich, ob mir jemand sagen kann, wie ich Ereignis-Listener am besten dynamisch zu Elementen hinzufügen und daraus entfernen kann. Ich habe eine Komponente eingerichtet. Wenn auf ein bestimmtes Element in der Vorlage geklickt wird, möchte ich einem mousemoveanderen Element …
7
Angular2 - sollten private Variablen in der Vorlage zugänglich sein?
Wenn eine Variable für privateeine Komponentenklasse deklariert ist , sollte ich in der Vorlage dieser Komponente darauf zugreifen können? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test …
3
Angular2: Wie lade ich Daten, bevor ich die Komponente rendere?
Ich versuche, ein Ereignis aus meiner API zu laden, bevor die Komponente gerendert wird. Derzeit verwende ich meinen API-Dienst, den ich über die ngOnInit-Funktion der Komponente aufrufe. Meine EventRegisterKomponente: import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} …
14
node_modules / rxjs / internal / types.d.ts (81,44): Fehler TS1005: ';' erwarteter Fehler nach der Installation von Angular 6
Ich habe einen Fehler von node_modules / rxjs / internal / types.d.ts (81,44): Fehler TS1005: ';' erwartet. nach der Installation von Angular 6. Überprüfen Sie den Fehler: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.
6
angular2 wie man das Standardpräfix der Komponente ändert, um tslint-Warnungen zu stoppen
Es scheint, wenn ich eine Angular 2-App mit Angular CLI erstelle. Mein Standardkomponentenpräfix ist App-Root für AppComponent. Wenn ich jetzt den Selektor auf etwas anderes ändere, sage ich "abc-root". @Component({ selector: 'abc-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) vscode warnt mich, [tslint] The selector of the component "AppComponent" should have prefix …
142 angular 
7
Verwenden von Pipes in ngModel für INPUT-Elemente in Angular
Ich habe ein HTML-EINGABE-Feld. <input [(ngModel)]="item.value" name="inputField" type="text" /> und ich möchte seinen Wert formatieren und eine vorhandene Pipe verwenden: .... [(ngModel)]="item.value | useMyPipeToFormatThatValue" .... und erhalten Sie die Fehlermeldung: Ein Aktionsausdruck kann keine Pipe enthalten Wie kann ich in diesem Zusammenhang Rohre verwenden?
8
So führen Sie nur eine Testspezifikation mit angle-cli aus
Ich habe Angular2-Projekt mit Angular-CLI (Beta 20) erstellt. Gibt es eine Möglichkeit, Tests nur für eine ausgewählte Spezifikationsdatei auszuführen? Früher hatte ich ein Projekt, das auf Angular2-Schnellstart basierte, und ich konnte der Jasmin-Datei manuell Spezifikationen hinzufügen. Aber ich weiß nicht, wie ich dies außerhalb von Karma-Tests einrichten oder wie ich …
14
Wie erstelle ich einen Singleton-Dienst in Angular 2?
Ich habe gelesen, dass beim Injizieren beim Bootstrapping alle untergeordneten Elemente dieselbe Instanz verwenden sollten, aber meine Haupt- und Header-Komponenten (Haupt-App enthält Header-Komponente und Router-Outlet) erhalten jeweils eine separate Instanz meiner Dienste. Ich habe einen FacebookService, mit dem ich die Facebook-Javascript-API anrufe, und einen UserService, der den FacebookService verwendet. Hier …
30
So laden Sie die aktuelle Route mit dem Angular 2-Router neu
Ich verwende Winkel 2 mit Hash-Standort-Strategie. Die Komponente wird mit dieser Route geladen: "departments/:id/employees" Soweit in Ordnung. Nachdem ich mehrere bearbeitete Tabellenzeilen erfolgreich im Stapel gespeichert habe, möchte ich die aktuelle Routen-URL über Folgendes neu laden: this.router.navigate([`departments/${this.id}/employees`]); Aber nichts passiert, warum?
141 angular 
3
Angular 2 http.post () sendet die Anfrage nicht
Wenn ich eine Post-Anfrage mache, sendet der Winkel 2 http diese Anfrage nicht this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()) Der http-Beitrag wird nicht an den Server gesendet, aber wenn ich die Anfrage so stelle this.http.post(this.adminUsersControllerRoute, JSON.stringify(user), this.getRequestOptions()).subscribe(r=>{}); Ist das beabsichtigt und wenn ja, kann mir jemand erklären warum? Oder ist es ein Fehler?
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.