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.

6
Übergeben von Daten an untergeordnete Komponenten von "Router-Outlet"
Ich habe eine übergeordnete Komponente, die zum Server geht und ein Objekt abruft: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { …
4
Was ist in Angular "Pathmatch: voll" und welchen Effekt hat es?
Hier wird Pathmatch als voll verwendet und wenn ich diesen Pathmatch lösche, wird nicht einmal die App geladen oder das Projekt ausgeführt import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { AppComponent } …
4
Nicht erfasster Fehler: Unerwartetes Modul 'FormsModule', deklariert vom Modul 'AppModule'. Bitte fügen Sie eine @ Pipe / @ Directive / @ Component-Anmerkung hinzu
Ich bin neu in Angular. Ich habe Tour of Heroes gestartet, um es zu lernen. Also bin ich ein app.componentmit two-wayBindung erstellt. import { Component } from '@angular/core'; export class Hero { id: number; name: string; } @Component({ selector: 'app-root', template: ` <h1>{{title}}</h1> <h2>{{hero.name}} details!</h2> <div><label>id: </label>{{hero.id}}</div> <div><label>Name: </label> <input …
97 angular 
2
Erkennen Sie die Änderung von ngModel an einem ausgewählten Tag (Winkel 2).
Ich versuche, eine Änderung ngModelin einem <select>Tag zu erkennen. In Angular 1.x könnten lösen wir dies mit einem $watchauf ngModel, oder durch die Verwendung ngChange, aber ich habe noch zu verstehen , wie eine Änderung zu erfassen , ngModelin Angular 2. Vollständiges Beispiel : http://plnkr.co/edit/9c9oKH1tjDDb67zdKmr9?p=info import {Component, View, Input, } …
17
OrderBy Pipe Problem
Ich kann diesen Code nicht von Angualr 1 nach Angular 2 übersetzen: ng-repeat="todo in todos | orderBy: 'completed'" Dies ist, was ich nach der Antwort des Thierry Templier getan habe: Komponentenvorlage: *ngFor="#todo of todos | sort" Komponentencode: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Pipe …
2
Unterschied zwischen EventEmitter.next () und EventEmitter.emit () in Angular 2
Was ist der Unterschied zwischen EventEmitter.emit()und EventEmitter.next()? Beide senden das Ereignis an die abonnierten Listener. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } Die Dokumentation für den EventEmitter ist momentan nicht so hilfreich.
2
Angular2 fügt dem Body-Tag eine Klasse hinzu
Wie kann ich dem Body- Tag eine Klasse hinzufügen, ohne den Body als App-Selektor festzulegen und die Host-Bindung zu verwenden? Ich habe versucht, den Renderer zu verwenden, aber er verändert den ganzen Körper Angular 2.x-Bindungsklasse für Body-Tag Ich arbeite an einer großen Angular2-App und das Ändern des Root-Selektors wirkt sich …
97 angular 
7
Vererbung und Abhängigkeitsinjektion
Ich habe eine Reihe von angle2-Komponenten, die alle einen Service erhalten sollten. Mein erster Gedanke war, dass es am besten wäre, eine Superklasse zu schaffen und den Service dort zu injizieren. Jede meiner Komponenten würde dann diese Oberklasse erweitern, aber dieser Ansatz funktioniert nicht. Vereinfachtes Beispiel: export class AbstractComponent { …
5
Was ist der Unterschied zwischen formControlName und FormControl?
Ich verwende ReactiveFormsModuleAngular2, um eine Komponente zu erstellen, die ein Formular enthält. Hier ist mein Code: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (mit [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div …
6
Was anstelle von :: ng-deep zu verwenden ist
Ich versuche, ein vom Router-Ausgang platziertes Element in einem Winkel zu gestalten und möchte sicherstellen, dass das generierte Element eine Breite von 100% erhält Aus den meisten Antworten geht hervor, dass ich den ::ng-deepSelektor verwenden sollte, aber aus Angulars Dokumenten wird er nicht mehr empfohlen. Gibt es eine Alternative zu …
97 html  css  angular 
17
Reaktive Formulare - deaktiviertes Attribut
Ich versuche, das disabledAttribut von a zu verwenden formControl. Wenn ich es in die Vorlage einfüge, funktioniert es: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Aber der Browser warnt mich: Es sieht so aus, als würden Sie das Attribut disabled mit einer reaktiven Formularanweisung verwenden. Wenn Sie beim Einrichten dieses Steuerelements in Ihrer …
7
Die Eigenschaft 'X' ist privat und nur innerhalb der Klasse 'xyzComponent' zugänglich.
Ich versuche, eine Angular2-Anwendung für die Produktion zu erstellen, für die ich diesem Blog folge . Nach meiner erfolgreichen ngc- Kompilierung, wenn die tsc-Kompilierung stattfindet, wird der folgende Fehler im Bild generiert: Nachdem ich eine Weile gesucht hatte, fand ich diesen Blog, der das Problem im Abschnitt "Die Kontexteigenschaft" erklärt, …
19
FEHLER Fehler: Kein Wertzugriff für die Formularsteuerung mit nicht angegebenem Namensattribut auf dem Switch
Hier ist meine Komponente in Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Hier ist meine Klasse: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { fields: Object }; …
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.