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.

13
wie man ng Aufschlag oder Firebase Aufschlag beendet
Ich habe Webentwicklung mit Angular2 durchgeführt und sowohl Angular2 als auch Firebase verwendet, um lokale Server auszuführen. Ich konnte keinen Befehl finden, der der Eingabe von quit ähnelt, wenn ich mit Ionic einen Server erstelle. Daher muss ich die Registerkarte "Terminal" jedes Mal schließen. Gibt es eine Möglichkeit, den Server …

11
Entfernen Sie das Element aus dem gespeicherten Array in Winkel 2
Ich möchte ein Element aus einem gespeicherten Array in Winkel 2 mit Type Script entfernen. Ich verwende einen Dienst namens Data Service, den DataService-Code: export class DataService { private data: string[] = []; addData(msg: string) { this.data.push(msg); } getData() { return this.data; } deleteMsg(msg: string) { delete [this.data.indexOf(msg)]; } } …


11
Angular 2 Geschwisterkomponenten-Kommunikation
Ich habe eine ListComponent. Wenn Sie in ListComponent auf ein Element klicken, sollten die Details dieses Elements in DetailComponent angezeigt werden. Beide werden gleichzeitig auf dem Bildschirm angezeigt, sodass kein Routing erforderlich ist. Wie kann ich DetailComponent mitteilen, auf welches Element in ListComponent geklickt wurde? Ich habe überlegt, ein Ereignis …

9
Erkennen von Änderungen der Fenstergröße in Echtzeit in Winkel 4
Ich habe versucht, eine reaktionsschnelle Navigationsleiste zu erstellen, und möchte keine Medienabfrage verwenden. Daher beabsichtige ich, *ngIFdie Fenstergröße als Kriterium zu verwenden. Ich hatte jedoch ein Problem, da ich keine Methode oder Dokumentation zur Erkennung der Angular 4-Fenstergröße finden konnte. Ich habe auch die JavaScript-Methode ausprobiert, sie wird jedoch nicht …
118 html  angular  dom-events 

23
Winkel + Material - So aktualisieren Sie eine Datenquelle (Mat-Tabelle)
Ich verwende eine Mat-Tabelle, um den Inhalt der vom Benutzer ausgewählten Sprachen aufzulisten. Sie können auch neue Sprachen über das Dialogfeld hinzufügen. Nachdem sie eine Sprache hinzugefügt und zurückgekehrt waren. Ich möchte, dass meine Datenquelle aktualisiert wird, um die vorgenommenen Änderungen anzuzeigen. Ich initialisiere den Datenspeicher, indem ich Benutzerdaten von …

16
Komponente ist Teil der Deklaration von 2 Modulen
Ich versuche eine ionic 2 App zu erstellen. Wenn ich die App im Browser mit ionischem Aufschlag ausprobiere oder auf einem Emulator starte, funktioniert alles einwandfrei. Aber wenn ich versuche es jedes Mal zu erstellen, tritt der Fehler auf ionic-app-script tast: "build" Error Type AddEvent in "PATH"/add.event.ts is part of …

5
HTML5-Ereignisbehandlung (Onfocus und Onfocusout) mit Winkel 2
Ich habe ein Datumsfeld und möchte den Platzhalter standardmäßig entfernen. Ich verwende Javascript onfocusund onfocusoutEreignisse zum Entfernen von Platzhaltern. Kann jemand bei der Verwendung der Angular2-Direktive helfen? <input name="date" type="text" onfocus="(this.type='date')" onfocusout="(this.type='text')" class="dateinput"> Ich versuche auf diese Weise zu lösen, aber ich habe Probleme beim Zurücksetzen des Eingabefeldtyps. import { …
117 angular 

15
Angular2-Validator, der auf mehreren Formularfeldern basiert
Ist es möglich, einen Validator zu erstellen, der anhand mehrerer Werte entscheiden kann, ob mein Feld gültig ist? Wenn die bevorzugte Kontaktmethode des Kunden beispielsweise per E-Mail ist, sollte das E-Mail-Feld erforderlich sein. Vielen Dank. Aktualisiert mit Beispielcode ... import {Component, View} from 'angular2/angular2'; import {FormBuilder, Validators, formDirectives, ControlGroup} from …
117 angular 

11
RouterLink funktioniert nicht
Mein Routing in den angle2-Apps funktioniert gut. Aber ich werde einigen Routelink machen , basierend auf diese : Hier ist mein Routing: const routes: RouterConfig = [ { path:'home' , component: FormComponent }, { path:'about', component: AboutComponent }, { path:'**' , component: FormComponent } ]; Und hier sind die Links, …

6
Die Eigenschaft 'value' ist für den Typ EventTarget in TypeScript nicht vorhanden
Der folgende Code befindet sich also in Angular 4 und ich kann nicht herausfinden, warum er nicht wie erwartet funktioniert. Hier ist ein Ausschnitt meines Handlers: onUpdatingServerName(event: Event) { console.log(event); this.newserverName = event.target.value; //this wont work } HTML-Element: <input type="text" class="form-control" (input)="onUpdatingServerName($event)"> Der Code gibt mir den Fehler: Die Eigenschaft …


16
Deaktivieren Sie Eingabefelder in reaktiver Form
Ich habe bereits versucht, dem Beispiel anderer Antworten von hier aus zu folgen, und es ist mir nicht gelungen! Ich habe ein reaktives Formular (dh ein dynamisches Formular) erstellt und möchte einige Felder jederzeit deaktivieren. Mein Formularcode: this.form = this._fb.group({ name: ['', Validators.required], options: this._fb.array([]) }); const control = <FormArray>this.form.controls['options']; …
116 angular 

21
Winkel 2 Dropdown-Optionen Standardwert
In Winkel 1 konnte ich die Standardoption für ein Dropdown-Feld wie folgt auswählen: <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> In Angular 2 habe ich: <select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)"> <option *ngFor="#workout of workouts">{{workout.name}}</option> </select> Wie kann ich eine Standardoption auswählen, wenn meine Optionsdaten wie folgt lauten: …
115 html  angular 

4
Angular 4/5/6 Global Variables
Ich habe wirklich Probleme damit, globale Variablen in meiner Angular 2-Anwendung zu erstellen. Ich habe in den letzten 3 Stunden bereits viele Beiträge auf StackOverflow gegoogelt und gelesen, aber es scheint, als könnte ich es einfach nicht zum Laufen bringen. Ich hoffe wirklich, dass Sie mir helfen können und ich …

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.