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.

3
Welcher Typescript-Typ ist das Angular2-Ereignis?
Wenn ich die folgende Schaltfläche in einer HTML-Datei habe <button (click)="doSomething('testing', $event)">Do something</button> Auch in der entsprechenden Komponente habe ich diese Funktion doSomething(testString: string, event){ event.stopPropagation(); console.log(testString + ': I am doing something'); } Gibt es einen richtigen Typ, der dem $eventEingang zugewiesen werden sollte ? Der Ereignisparameter selbst ist …
13
Wie setze ich die ausgewählte Datei mit dem Dateityp des Eingabe-Tags in Angular 2 zurück?
So sieht mein Eingabe-Tag aus: <input type="file" placeholder="File Name" name="filename" (change)="onChange($event)"> <button>Reset</button> Ich möchte die ausgewählte Datei in Angular 2 zurücksetzen. Hilfe wäre sehr dankbar. Lassen Sie mich wissen, wenn Sie weitere Details benötigen. PS Ich könnte Dateidetails von $eventParametern abrufen und in einer Typoskriptvariablen speichern, aber diese Variable ist …
89 angular 
11
So finden Sie die ungültigen Kontrollen in Winkel 4 reaktiver Form
Ich habe eine reaktive Form in Angular wie folgt: this.AddCustomerForm = this.formBuilder.group({ Firstname: ['', Validators.required], Lastname: ['', Validators.required], Email: ['', Validators.required, Validators.pattern(this.EMAIL_REGEX)], Picture: [''], Username: ['', Validators.required], Password: ['', Validators.required], Address: ['', Validators.required], Postcode: ['', Validators.required], City: ['', Validators.required], Country: ['', Validators.required] }); createCustomer(currentCustomer: Customer) { if (!this.AddCustomerForm.valid) { //some …
3
Was ist der Unterschied zwischen den Parametern --base-href und --deploy-url des Angular-Cli-Tools?
Die Dokumentation von Angular informiert mich darüber, dass ich --base-hrefParameter im Build der Angular-Anwendung für die Produktion verwenden sollte, wenn sie in einem Unterordner des Servers bereitgestellt werden sollen: Wenn Sie die Dateien in einen Server-Unterordner kopieren, hängen Sie das Build-Flag an --base-hrefund legen Sie das <base href>entsprechende fest. Wenn …
8
Benutzerdefinierte Angular 2-Formulareingabe
Wie kann ich eine benutzerdefinierte Komponente erstellen, die genau wie ein natives <input>Tag funktioniert ? Ich möchte, dass mein benutzerdefiniertes Formularsteuerelement ngControl, ngForm, [(ngModel)] unterstützt. Soweit ich weiß, muss ich einige Schnittstellen implementieren, damit meine eigene Formularsteuerung genauso funktioniert wie die native. Außerdem scheint die ngForm-Direktive nur für <input>Tags zu …
9
Wie kann in Angular 2 überprüft werden, ob <ng-content> leer ist?
Angenommen, ich habe eine Komponente: @Component({ selector: 'MyContainer', template: ` &lt;div class="container"&gt; &lt;!-- some html skipped --&gt; &lt;ng-content&gt;&lt;/ng-content&gt; &lt;span *ngIf="????"&gt;Display this if ng-content is empty!&lt;/span&gt; &lt;!-- some html skipped --&gt; &lt;/div&gt;` }) export class MyContainer { } Jetzt möchte ich einige Standardinhalte anzeigen, wenn &lt;ng-content&gt;diese Komponente leer ist. Gibt es …
5
Angular2 Kann nicht an DIRECTIVE gebunden werden, da es keine bekannte Eigenschaft des Elements ist
Ich habe neues @Directive von Angular CLI generiert und es wurde in meine app.module.ts importiert import { ContenteditableModelDirective } from './directives/contenteditable-model.directive'; import { ChatWindowComponent } from './chat-window/chat-window.component'; @NgModule({ declarations: [ AppComponent, ContenteditableModelDirective, ChatWindowComponent, ... ], imports: [ ... ], ... }) und ich versuche, in meiner Komponente (ChatWindowComponent) zu verwenden …
3
Ein Wechseläquivalent in Winkel2
Ich verwende onchange, um den Wert meines Eingabebereichs in Firebase zu speichern, aber ich habe einen Fehler, der besagt, dass meine Funktion nicht definiert ist. Das ist meine Funktion saverange(){ this.Platform.ready().then(() =&gt; { this.rootRef.child("users").child(this.UserID).child('range').set(this.range) }) } Das ist mein HTML &lt;ion-item&gt; &lt;ion-row&gt; &lt;ion-col&gt;Rayon &lt;span favorite&gt;&lt;strong&gt; {{range}} km&lt;/strong&gt;&lt;/span&gt;&lt;/ion-col&gt; &lt;ion-col&gt;&lt;input type="range" name="points" …
88 angular 
8
Winkel: Manuelle Umleitung zur Route
Ich habe erst kürzlich angefangen, Angular 4 anstelle von Angular.js 1 zu verwenden. Ich habe das Helden-Tutorial befolgt, um mehr über die Grundlagen von Angular 4 zu erfahren, und verwende derzeit das Angular-eigene "RouterModule" aus dem "@ Angular / Router" -Paket. Um eine Autorisierung für meine Anwendung zu implementieren, möchte …
88 angular 
10
ngModel kann nicht zum Registrieren von Formularsteuerelementen bei einer übergeordneten formGroup-Direktive verwendet werden
Nach dem Upgrade auf RC5 wurde der folgende Fehler angezeigt: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: &lt;div [formGroup]="myGroup"&gt; &lt;input formControlName="firstName"&gt; &lt;/div&gt; In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd …
5
Angular2 * ngWenn die Länge des Objektarrays in der Vorlage überprüft wird
Refered zu https://angular.io/docs/ts/latest/guide/displaying-data.html und stapeln Wie leeres Objekt in Winkel 2 Vorlage überprüfen mit * ngIf noch immer nicht definiert Syntaxfehler selbst Kontext. Wenn ich die * ngIf-Bedingung entferne, erhalte ich Werte in teamMembers, wenn ich einen Wert hineinschiebe, damit ich auf Werte in teamMembers zugreifen kann. Mein teamMemberObjekt ist, …
4
Angular Cli - Deaktivieren des automatischen Neuladens beim Servieren
Wie deaktiviere ich das automatische Neuladen, wenn ich meine App mit der Angular-Cli bereitstelle? ng --helperwähnt die --live-reloadOption, aber ich kann es nicht zum Laufen bringen. ng serve --live-reload=falseoder ng serve --live-reload falsenicht arbeiten EDIT: Es scheint ein Fehler zu sein https://github.com/angular/angular-cli/issues/1755
5
Winkel 2 warum Sternchen (*)
In Angular 2-Dokument * und Vorlage wissen wir, dass * ngIf, * ngSwitch, * ngFor zum Tag ng-template erweitert werden kann. Meine Frage ist: Ich denke, das ngIfoder ngForohne *kann auch von der Angular Engine übersetzt und zum Template-Tag erweitert werden. Der folgende Code &lt;hero-detail *ngIf="currentHero" [hero]="currentHero"&gt;&lt;/hero-detail&gt; wäre das gleiche …
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.