Tag: angular-components

Eine Komponente steuert ein patch der Bildschirm genannt ein Blick. Komponenten-Dekorator erlaubt Sie zu markieren, eine Klasse als ein Winkel-Komponente und geben Sie zusätzliche Metadaten, die bestimmt, wie die Komponenten verarbeitet werden soll, instanziiert und zur Laufzeit verwendet.

Vertikale tabs mit kantigem Material

Anzahl der Antworten 2 Antworten
Mit der richtigen Eckig Material Richtlinie, wie ändere ich die Richtung, die vertikale? Beginnend mit vertikalen Registerkarten: Dann ablegen möchten, um den Inhalt unter Matte-wählen Sie im dropdown -: EDIT: werden die arbeiten auf die Anpassung https://stackoverflow.com/a/43389018

Winkel-6 - ng-bootstrap - Stil Registerkarten

Anzahl der Antworten 1 Antworten
Bin ich mit dieser bootstrap tabs <ngb-tabset> <ngb-tab title="Tab 1"> <ng-template ngbTabContent> Tab 1 </ng-template> </ngb-tab> <ngb-tab title="Tab 2"> <ng-template ngbTabContent> Tab 2 </ng-template> </ngb-tab> </ngb-tabset> Die Farbe des Textes auf den tabs ist blau. Ich weiß,

Was ist das äquivalent von ngShow und ngHide im Winkel 2+?

Anzahl der Antworten 15 Antworten
Ich habe eine Reihe von Elementen, die ich will, um sichtbar zu werden unter bestimmten Bedingungen. In AngularJS würde ich schreiben, <div ng-show="myVar">stuff</div> Wie kann ich dies in Eckige 2+? InformationsquelleAutor Mihai Răducanu | 2016-02-23

Wie kann ich mit @HostListener('Fenster:beforeunload') eine Methode aufrufen?

Anzahl der Antworten 2 Antworten
Ich versuche zu rufen, eine post-Methode, die ich selbst gemacht habe, bevor meine Komponente entladen wird, aber es funktioniert nicht. Setze ich einen Haltepunkt auf @HostListener und es nicht zu brechen es, wenn ich eine andere Komponente.

Angular2 CUSTOM_ELEMENTS_SCHEMA Funktioniert nicht

Anzahl der Antworten 3 Antworten
Habe ich gerade installiert bearbones ng2-app mit der ng2-cli. In meinem AppModule ich Hinzugefügt schema: [ CUSTOM_ELEMENTS_SCHEMA ], und in meinem AppComponent Vorlage habe ich <row></row>. Aber ich bin immer- Unbehandelte Versprechen Ablehnung: Template-parsing-Fehler: 'Zeile' ist kein

Wie, um einen synchronen Aufruf im Winkel 5?

Anzahl der Antworten 3 Antworten
So, ich habe versucht, die Lösung dieses Problems. Aber irgendwie bin ich nicht in der Lage, dies zu tun, Kann sein, weil der Mangel an wissen in Winkel-5. Das ist mein service: GetCurrentUserData(): Observable<ResponseData> { return this.http.get<ResponseData>(ApplicationURLS.GetCurrentUserInformation)

Wie man Elements Breite/Höhe in Richtlinien und Komponente?

Anzahl der Antworten 2 Antworten
JS: @Component({ selector: '.donation', template: ` <figure id="donation" move> <img src="image/qrcode.png"/> <figcaption> Buy me a cup of coffee. </figcaption> </figure> ` }) export class DonationComponent{} @Directive({ selector: '[move]' }) export class MoveDirective{} Hey,ich möchte Elements Breite/Höhe in

Wie kann ich wählen Sie ein element in einer Komponente template?

Anzahl der Antworten 10 Antworten
Weiß jemand, wie man halt ein element definiert ein Komponenten-template? Polymer macht es wirklich einfach mit den $ und $$. Ich Frage mich nur, wie man es in Eckige. Nehmen wir das Beispiel aus dem tutorial: import

Keine Anbieter für ControlContainer - Winkel 5

Anzahl der Antworten 3 Antworten
Ich bin die Umwandlung einer erworbenen, third-party-Vorlage in eine Eckige 5 app, und lief einfach in einen Fehler. Ich bin ganz neu Eckig 5 (ich weiß, AngularJS aber gut) und verstehe nicht, was es ist, mir zu

Eckige 4 - Übergeben Sie ein Objekt von einer Komponente zu einer anderen (keine parent - child-Hierarchie)

Anzahl der Antworten 4 Antworten
Meine situation: Ich habe eine Komponente, die zeigen, Kacheln, jede Kachel repräsentiert ein Objekt aus einem array, das geschlungen ist, mit einem ngfor. Wenn eine Kachel geklickt wird, will ich übergeben Sie das Objekt an eine andere

Winkel-2 senden von Daten von der Komponente zum service

Anzahl der Antworten 2 Antworten
Mein Ziel ist es, zum senden von Daten von Winkel-Komponente, die service-und service-Methoden zu arbeiten. Beispiel: export class SomeComponent { public data: Array<any> = MyData; public constructor(private myService: MyService) { this.myService.data = this.data; } } und service:

Winkel-4: Aufruf einer Methode von einer anderen Komponente

Anzahl der Antworten 2 Antworten
Ich habe 2 Geschwister-Komponenten, mache ich einen http-request in einer Komponente, und wenn eine bestimmte Bedingung geschieht, sollte es ein anderes http-Anforderung ist, geschrieben in einem anderen Komponente. Also ich sollte in der Lage sein, rufen Sie

So ändern übergeordneten Variablen von Kindern-Komponente?

Anzahl der Antworten 3 Antworten
Diese Frage ist ganz einfach, aber ich kann nicht, es loszuwerden. Ich habe eine <header> im übergeordneten template und ich muss es verschwinden, wenn die Anzeige Kinder-Vorlage durch routing-Modul. Was ich erwarte ist eine Klasse hinzufügen, um

Die Übergabe Von Daten Aus Kind-Komponente, Die In Übergeordnete Komponente

Anzahl der Antworten 2 Antworten
Ich habe Probleme mit meinem gewinkelt, hier habe ich zwei Komponenten: MyApp (ParentComponent) LoginPage (ChildComponent) Habe ich eine Eigenschaft UserNow in teilen MyApp und ich möchte, um den Wert der Immobilie UserNow durch die Komponenten LoginPage. Wie

Winkel-4 call-Richtlinie-Methode von component

Anzahl der Antworten 2 Antworten
ich versuche zu bauen, ein strukturelles Richtlinie, mit der übergeordneten DOM-Struktur entweder aufgerufen, indem mit dem Selektor (statisch) oder durch den Aufruf der public-Methode(dynamisch). Mithilfe der Richtlinie Selektor in eine html-Vorlage funktioniert gut, ohne keine Probleme hatten.

AngularJS 1.5 - Wie Einstellen Zwei-Wege-Bindungen Komponente

Anzahl der Antworten 2 Antworten
Richtlinien in den Winkel-1.X sind zwei-Wege-Bindung standardmäßig aktiviert. Komponenten isolierten scopes standardmäßig. Ich habe eine view, die wie folgt aussieht: <div class="my-view"> {{controllerVariable}} </div> Wenn ich die oben als eine Richtlinie, die controllerVariable Lasten korrekt in der

Wie zum Neuladen des aktuellen Winkel-2-Komponente

Anzahl der Antworten 2 Antworten
Wie kann ich das Neuladen der gleichen Komponente wieder in den Winkel-2? Hier ist mein code unter: import { Component, OnInit, ElementRef, Renderer } from '@angular/core'; import { Router, ActivatedRoute, Params } from '@angular/router'; import { productModel

Bekommen Komponente ohne Spez.ts-Datei in Angularjs 2

Anzahl der Antworten 11 Antworten
Gibt es einen Weg, um loszuwerden, das spec.ts-Datei in Angularjs 2, immer wenn ich eine neue Komponente erstellen. Ich weiß, das ist für Testzwecke aber was ist, wenn ich es nicht brauchen. Vielleicht gibt es eine Einstellung

Winkel-4 ExpressionChangedAfterItHasBeenCheckederror

Anzahl der Antworten 2 Antworten
in ParentComponent => ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ''. Current value: '[object Object]'. at viewDebugError (vendor.bundle.js:8962) at expressionChangedAfterItHasBeenCheckedError (vendor.bundle.js:8940) Parent-Komponente, Html - <div> <app-child-widget [allItems]="allItems" (notify)="eventCalled($event)"></app-child-widget> <div> Übergeordneten Komponente export class ParentComponent

Gibt es eine Möglichkeit dynamisch zu Rendern verschiedene Vorlagen für eine eckige 1.5 Komponente

Anzahl der Antworten 2 Antworten
Habe ich eine Reihe von Winkel-1.5-Komponenten, die alle die gleichen Attribute und Daten-Struktur. Ich denke, Sie könnte neu sein, factored in ein einzelnes Bauteil, aber ich brauche einen Weg, um dynamisch wählen Sie eine Vorlage basierend auf

So Aktualisieren Sie eine Komponente ohne erfrischende ganze Seite - Winkel

Anzahl der Antworten 4 Antworten
Meiner Seite Struktur: <app-header></app-header> <router-outlet></router-outlet> <app-footer></app-footer> Wie kann ich update/aktualisieren der app-header Komponente, ohne die gesamte Seite aktualisiert wird? Ich ausblenden möchten einen "Sign-In" - link in der Kopfzeile, sobald der Benutzer erfolgreich angemeldet hat. Die Kopfzeile

Kommunikation Veranstaltungen von den Eltern auf das Kind in der AngularJS Komponenten

Anzahl der Antworten 3 Antworten
in das neue Projekt an dem ich arbeite habe ich angefangen mit den Komponenten anstelle von Richtlinien. aber, ich habe festgestellt ein Problem, wo ich nicht finden können, ein konkreter standard-Weg, es zu tun. Es ist einfach

Was ist äquivalent zu ngShow und ngHide in Angular?

Anzahl der Antworten 12 Antworten
Ich habe eine Reihe von Elementen, die ich will, um sichtbar zu werden unter bestimmten Bedingungen. In AngularJS würde ich schreiben, <div ng-show="myVar">stuff</div> Wie kann ich dies in Eckige? InformationsquelleAutor der Frage Mihai Răducanu | 2016-02-23

Ich kann meiner angular 2-App keine neue Komponente mit Typoskript hinzufügen

Anzahl der Antworten 5 Antworten
Ich bin mit Winkel-2, CLI, und ich habe die Komponente "MyComponent" mit der ng generate component MyComponent. Soweit ich weiß habe ich die Komponente hinzufügen, um die Richtlinie von Schlüssel-Wert-paar der @Component Dekorateur, aber der typescript-Kompilierung an

Angular 2 - Übergeben von Daten an die Child-Komponente nach der Elterninitialisierung

Anzahl der Antworten 4 Antworten
Habe ich eine übergeordnete Komponente, die immer die Daten von einem server durch ein service. Ich brauche diese Daten, die übergeben werden, um die Untergeordnete Komponente. Ich habe versucht, übergeben Sie diese Daten mit den üblichen @Input()

Angular 2 'Komponente' ist kein bekanntes Element

Anzahl der Antworten 3 Antworten
Ich versuche, eine Komponente, auf die ich innerhalb des AppModule in anderen Modulen. Ich bekomme die folgende Fehlermeldung, obwohl: "Uncaught (Versprechen): Fehler: Template-parsing-Fehler: 'Kontakte-box' ist kein element bekannt: Wenn 'Kontakte-box" ist ein Winkel-Komponente, dann stellen Sie sicher,

So benennen Sie eine Komponente in Angular CLI um

Anzahl der Antworten 4 Antworten
gibt es eine Tastenkombination zum umbenennen einer Komponente in Eckigen CLI anderen als manuell Bearbeiten Sie die Komponente-Dateien wie Ordner, Namen, css, ts, spec.ts und app.- Modul.ts? InformationsquelleAutor der Frage Thomas Easo | 2017-09-25