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
So übergeben Sie 2 Parameter an EventEmitter angle2
Ich habe in meiner Komponente ein EventEmitter, kann es aber nicht kompilieren, da es den Fehler zurückgibt: Supplied parameters do not match any signature of call target Meine Komponente: @Output() addModel = new EventEmitter<any>(); saveModel($event, make, name) { this.addModel.emit(make, name); } Wenn ich einen der darin enthaltenen Parameter lösche this.addModel.emit(), …

5
Gibt es eine Möglichkeit, EventEmitter in Angular2 zu testen?
Ich habe eine Komponente, die einen EventEmitter verwendet, und der EventEmitter wird verwendet, wenn jemand auf der Seite angeklickt wird. Gibt es eine Möglichkeit, den EventEmitter während eines Komponententests zu beobachten und mit TestComponentBuilder auf das Element zu klicken, das die EventEmitter.next () -Methode auslöst, und zu sehen, was gesendet …

15
Wie lösche ich das Formular nach dem Absenden in Angular 2?
Ich habe eine einfache eckige 2-Komponente mit Vorlage. Wie lösche ich das Formular und alle Felder nach dem Absenden? Ich kann die Seite nicht neu laden. Nach dem Einstellen der Daten mit date.setValue('')Feld ist Stil touched. import {Component} from 'angular2/core'; import {FORM_DIRECTIVES, FormBuilder, ControlGroup, Validators, Control} from 'angular2/common'; @Component({ selector: …

7
Angular2-Sollwert für formGroup
Ich habe also ein komplexes Formular zum Erstellen einer Entität und möchte es auch zum Bearbeiten verwenden. Ich verwende die neue API für eckige Formulare. Ich habe das Formular genau so strukturiert, wie die Daten, die ich aus der Datenbank abrufe. Daher möchte ich den Wert des gesamten Formulars auf …

12
Der Selektor "my-app" stimmte mit keinen Elementen überein
Das Problem ist, wenn ich meine App starte, funktioniert es gut. Aber wenn ich es aktualisiere, komme ich die meiste Zeit unter msg. Der Selektor "my-app" stimmte nicht mit Elementen überein Aber das Seltsame ist, dass es oft funktioniert, wenn ich meine App aktualisiere. Letztendlich habe ich ein seltsames Verhalten …
86 angular 

6
Angular2-Äquivalent von $ document.ready ()
Einfache Frage, hoffe ich. Ich möchte ein Skript ausführen, wenn das Angular2-Äquivalent von $ document.ready () ausgelöst wird. Was ist der beste Weg, um dies zu erreichen? Ich habe versucht, das Skript am Ende von zu setzen index.html, aber wie ich herausgefunden habe, funktioniert das nicht! Ich nehme an, dass …
86 angular 

5
Winkelfehler beim Testen von 4 Einheiten `TypeError: ctor ist kein Konstruktor`
Ich versuche meinen Routenauflöser zu testen und beim Testen habe ich TypeError: ctor is not a constructorkeine Ahnung warum es passiert, während Typoskript-Kompilierungszeit kein Fehler ist. TypeError: ctor is not a constructor TypeError: ctor is not a constructor at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42355:26) at _createProviderInstance$1 (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42330:26) at resolveNgModuleDep (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42315:17) at _createClass (http://localhost:9877/_karma_webpack_/vendor.bundle.js:42362:26) …


3
Winkel 2 ng für erste, letzte Indexschleife
Ich versuche, das erste Vorkommen in diesem Beispiel als Standard festzulegen : plunkr den folgenden Fehler erhalten: Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup"> <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">"): ng:///AppModule/HomeComponent.html@35:78 Parser Error: Unexpected token #, expected identifier, …

15
Winkel 2 Entfernen Sie alle Elemente aus einem Formarray
Ich habe ein Formulararray in einem Formbuilder und ändere Formulare dynamisch, dh beim Klicken Daten aus Anwendung 1 laden usw. Das Problem, das ich habe, ist, dass alle Daten geladen werden, aber die Daten im Formulararray bleiben und nur die alten Elemente mit neuen verknüpfen. Wie lösche ich dieses Formular, …


4
Typescript-Aufzählung in HTML kann nicht angegangen werden
Ich habe eine Aufzählung mit Typescript erstellt, die in MyService.service.ts MyComponent.component.ts und MyComponent.component.html verwendet werden soll. export enum ConnectionResult { Success, Failed } Ich kann eine definierte Enum-Variable leicht von MyService.service.ts abrufen und vergleichen: this.result = this.myService.getConnectionResult(); switch(this.result) { case ConnectionResult.Failed: doSomething(); break; case ConnectionResult.Success: doSomething(); break; } Ich wollte …

7
Zwei Schaltergehäusewerte im Winkel
In PHP und Java können wir tun case 1: case 2: echo "something"; Wenn der Wert 1 oder 2 ist, wird "etwas" auf dem Bildschirm gedruckt. Ich erstelle eine Winkelanwendung. Ich mache etwas wie das Folgende <div [ngSwitch]="data.type"> <div *ngSwitchCase="'multi-choice'">FORM 1</div> <div *ngSwitchCase="'singe-choice'">FORM 1</div> <div *ngSwitchCase="'range'">FORM 2</div> </div> Das Formular, …
86 angular 

30
Angular2 - Eingabefeld zum Akzeptieren nur von Zahlen
Wie kann ich in Angular 2 ein Eingabefeld (Textfeld) so maskieren, dass nur Zahlen und keine alphabetischen Zeichen akzeptiert werden? Ich habe die folgende HTML-Eingabe: <input type="text" *ngSwitchDefault class="form-control" (change)="onInputChange()" [(ngModel)]="config.Value" (focus)="handleFocus($event)" (blur)="handleBlur($event)" /> Die obige Eingabe ist eine generische Texteingabe, die entweder als einfaches Textfeld oder als numerisches Feld …

4
Kann ich die Schritte eines Matten-Horizontal-Steppers in Angular / Angular Material programmgesteuert verschieben?
Ich habe eine Frage zu Angular Material (mit Angular 4+). Angenommen, ich füge in meiner Komponentenvorlage eine <mat-horizontal-stepper>Komponente hinzu und habe in jedem Schritt Schrittschaltflächen <mat-step>zum Navigieren in der Komponente. Wie so ... <mat-horizontal-stepper> <mat-step> Step 1 <button mat-button matStepperPrevious type="button">Back</button> <button mat-button matStepperNext type="button">Next</button> </mat-step> <mat-step> Step 2 <button …

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.