Tag: angular2-directives

Verwenden Sie für Fragen über Angular 2+ Richtlinien

Gewusst wie: löschen Sie den lokalen Speicher, wenn Sie eine bestimmte Registerkarte geschlossen ist und nicht wenn der browser geschlossen ist im Winkel 2?

Anzahl der Antworten 2 Antworten
Meine Anforderungen sind: Ich klar, "localstorage", wenn der browser geschlossen wird. Schon, ich habe versucht, mit onbeforeunload. Es ist die Ausführung auf browser-close-Ereignis aus. Da gibt es mehrere browser-tabs geöffnet, "localStorage" ist die Beibehaltung der alten Werte

Pass parameter Winkel 4 Richtlinie über den Eingang

Anzahl der Antworten 3 Antworten
Ich habe ein input-text-Feld wie dieses <input type="text" class="form-control" [inputTextFilter]="A" [ngModel]="name"> und meine Richtlinie ist: import { Directive, Input, HostListener } from '@angular/core'; @Directive({ selector: '[inputTextFilter]' }) export class InputTextFilterDirective { @Input('inputTextFilter') params: string; @HostListener('keypress', ['$event']) onKeyUp(event:

Winkel-2: übergabe von Wert aus Attribut-Richtlinie als Komponente variable

Anzahl der Antworten 2 Antworten
Also ich habe ein Attribut Richtlinie appGetCurrency hier: <md-select appGetCurrency [(ngModel)]="value" placeholder="Currency" name="currency"> <md-option *ngFor="let c of currencyList" [value]="c.code">{{c.dsc}}</md-option> </md-select> Möchte ich, dass die appGetCurrency Richtlinie einige Werte, um die currencyList um die Liste der Optionen. BEARBEITEN

Angular2 filter ein array von Objekten, basierend auf ein array von strings

Anzahl der Antworten 2 Antworten
Ich habe ein array von Benutzern, in denen jeder Benutzer hat einen Namen (user.name): let users = Array<User>(); Vorstellen, ich habe dieses array von Zeichenketten, die gefiltert werden soll users array auf der Basis des nächsten array

Höhe nicht festgelegt wird, auf element mit Winkel-2 Richtlinie

Anzahl der Antworten 1 Antworten
Ich versuche zu schaffen, eine Flüssigkeit, textarea, aber ich kann nicht erhalten die Höhe gesetzt werden, die auf das element, wenn Sie mit "der Winkel 2 Weg" zu tun, DOM-manipulation. Komponente: import {Directive, ElementRef, HostBinding, HostListener} from

Winkel-2 Custom validation unit-Tests

Anzahl der Antworten 2 Antworten
ich Schreibe custom angular(Eckig 2.0.0) Validierung nach dieser Anleitung https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#custom-Validierung . @Directive({ selector: '[ngModel][emailValidator]', providers: [{provide: NG_VALIDATORS, useExisting: EmailValidatorDirective, multi: true}] }) export class EmailValidatorDirective implements Validator Nun bin ich versucht, hinzufügen von unit-test zu meiner benutzerdefinierten

benutzerdefinierte Scroll-Bar auf ein div-element in Angular 2.0 CLI-Projekt?

Anzahl der Antworten 3 Antworten
Möchte ich eine nette Sie die horizontale Bildlaufleiste in einem meiner div ist. Wie diese hier: Ich bin mit angular2 CLI-Projekt. , Was ich bisher ausprobiert habe: Ich fand das Paket angular2-slimscroll - die neueste aktualisiert wird

Wie zu hören, um Kinder Elemente, Ereignisse, die in einer Richtlinie?

Anzahl der Antworten 3 Antworten
Da gibt es keine Vorlage, was ist der beste Weg, um zu hören, um die Kind-Elemente-event in einer Richtlinie? Ist es möglich mit HostListener? Wenn nicht, gibt es eine andere Möglichkeit? Gibt es auch diese ähnliche Frage:

Winkel 2 drag-and-drop-Richtlinie extrem langsam

Anzahl der Antworten 6 Antworten
Bin ich versucht zu implementieren eine benutzerdefinierte drag-and-drop-Richtlinie. Es funktioniert, aber es ist extrem langsam, und ich denke, die Langsamkeit, die verfolgt werden können, zum Winkel 2, weil ich nie begegnet bin, diese Langsamkeit vor. Die Langsamkeit

Winkel-4: Wie zu injizieren Richtlinien erklärt in der Bootstrap-Modul(appmodule), die in anderen Modulen importiert werden, in das appmodule?

Anzahl der Antworten 2 Antworten
Habe ich eine hightlight-Richtlinie wie in der angular-Dokumentation, aber ich bin nicht in der Lage, es zu benutzen, die in anderen Modulen importiert werden, in das appmodule. Das folgende ist meine appmodule.ts-Datei: import { BrowserModule } from

Eckige 2 - How to pass "checked" - Attribut auf das Kind in der Vorlage?

Anzahl der Antworten 2 Antworten
Habe ich eine benutzerdefinierte Richtlinie <foo checked></foo>. In der Vorlage der foo ich habe <input type="checkbox">. Wenn checked ist auf foo, ich will <input type="checkbox" checked>. Ich habe noch nicht gesehen wie man diese Attribute, die keine

Ändern eine Eingabe der ngModel Wert über eine Richtlinie Winkel-2

Anzahl der Antworten 3 Antworten
Ich bin stecken, wie den Zugriff auf und ändern Eingaben ngModel Wert über eine Richtlinie. Das Ergebnis der Ausgabe ist, dass die Modell-Adresse-Wert nicht aktualisiert, wenn ich wählen Sie die gewünschte Adresse...es ist nur festgelegt, was ich

Eine Komponente Mehrere Vorlagen basieren auf der Bedingung

Anzahl der Antworten 3 Antworten
So, hier ist der deal. Ich habe eine Komponente, das ist sehr gut geschrieben und verwendet in einer Menge von Orten. Jetzt muss ich die Verwendung der gleichen Komponenten, aber ein anderes template gerendert werden, basierend auf

Verweis auf eine Richtlinie in einem Bauteil

Anzahl der Antworten 2 Antworten
Ich habe eine Komponente, deren Vorlage sieht ungefähr so aus: <div [my-custom-directive]>Some content here</div> Ich brauche den Zugriff auf die MyCustomDirective Instanz der Klasse verwendet. Wenn ich will, um Zugang zu einer Kind-Komponente, verwende ich eine ViewChild

Winkel-2 Slide Up und Down Animation

Anzahl der Antworten 3 Antworten
Ich habe vor kurzem gebaut, die folgenden Eckig 2 Mehr Lesen Komponente. Was diese Komponente tut, ist das reduzieren und erweitern Sie lange Textblöcke mit "Lesen Sie mehr" und "Weniger Lesen" - links. Nicht auf der basis

Wie erstellen Sie einen link zu externe URL in Eckige 2

Anzahl der Antworten 1 Antworten
Ich bin neu in Eckig. Ich bin beginnend mit ver. 2. Ich brauche einen link zu einem file://... URL. Ich habe versucht normal href: Hinweis: app ist ein model-Objekt der Bahn, die sich mit Anwendungen. <a target="_blank"

Winkel-2 Mehr Lesen-Richtlinie

Anzahl der Antworten 10 Antworten
Ich brauchen, um zu bauen ein readmore-Richtlinie in Angular2. Was diese Richtlinie machen wird, ist für das reduzieren und erweitern Sie lange Textblöcke mit "mehr Lesen" und "Close" - links. Nicht auf der basis von die Anzahl

So senden Sie einen Wert von einer Komponente zur anderen?

Anzahl der Antworten 3 Antworten
Ich eine componenet, in dem ich ein Eingabefeld und button.Klicken Sie auf der Taste bin ich diplaying der zweiten Komponente.Ich möchte zum senden von Daten von einer Komponente zu einer anderen Komponente ? wie sende ich Daten

Unterschied zwischen Renderer und ElementRef im Winkel 2

Anzahl der Antworten 2 Antworten
Was ist der Unterschied zwischen Renderer und ElementRef? In Eckigen beide benutzt werden, für die DOM-Manipulation. Ich bin derzeit mit ElementRef allein für das schreiben der Eckigen 2-Richtlinien. Wenn ich mehr info über Renderer, kann ich verwenden,

Wie um bedingt einfügen/entfernen von host-DOM-element in den Winkel-2 Richtlinie

Anzahl der Antworten 2 Antworten
Ich möchte erstellen Sie eine Richtlinie, die wird entscheiden, ob Sie sollte oder sollte nicht Ihre host-element apppear auf der Seite. Idealerweise würde ich es gerne entfernen das element aus dem DOM und nicht nur ein -

How to display error message basiert auf benutzerdefinierte Validierungsregeln im Winkel 2?

Anzahl der Antworten 3 Antworten
Ich bin mit einem template-driven Ansatz für die Erstellung von Formularen im Winkel 2, und ich habe erfolgreich erstellt benutzerdefinierte Validatoren, die ich verwenden kann in der Vorlage. Aber ich kann nicht einen Weg finden, anzeigen von

Eckige 2-Fokus auf den ersten ungültige Eingabe nach Click/Event

Anzahl der Antworten 8 Antworten
Habe ich eine seltsame Anforderung und hatte gehofft, für etwas Hilfe. Brauche ich, um den Fokus auf das erste Gefundene, ungültige Eingabe von einem Formular nach dem Klick auf einen button (nicht submit). Die form ist ziemlich

Bei der Verwendung von eckigen Klammern [ ] in den Richtlinien @Eingänge und Wann nicht?

Anzahl der Antworten 4 Antworten
Ich bin verwirrt ein wenig. Sehen, diese einfache Richtlinie: @Directive({ selector: '[myDirective]' }) export class MyDirective { private text: string; private enabled: boolean; @Input() myDirective:string; @Input('myText') set myText(val: string) { this.text = val; } @Input('myEnabled') set myEnabled(val:

Ausnahme: Can ' T bind to 'ngFor", denn es ist keine bekannte native Eigenschaft

Anzahl der Antworten 7 Antworten
Was mache ich falsch? import {bootstrap, Component} from 'angular2/angular2' @Component({ selector: 'conf-talks', template: `<div *ngFor="talk of talks"> {{talk.title}} by {{talk.speaker}} <p>{{talk.description}} </div>` }) class ConfTalks { talks = [ {title: 't1', speaker: 'Brian', description: 'talk 1'}, {title:

Wie deklarieren Sie eine Richtlinie, die Global für alle Module in Eckigen?

Anzahl der Antworten 2 Antworten
Entwickle ich ein Github repo folgt das offizielle tutorial von Winkel (Tour der Helden). Sie können sehen, alle den code hier: https://github.com/Ismaestro/angular7-example-app Mein problem ist, dass ich eine Richtlinie erklärt die wichtigsten module der app (app.Modul) und

Kind Komponente übertragung des Ereignisses auf die Eltern

Anzahl der Antworten 3 Antworten
Ich würde gerne für die Umsetzung der gemeinsamen Winkel-1.x-Muster mit Kind-Direktiven innerhalb einer übergeordneten Richtlinie in den Winkel-2. Hier ist meine gewünschte Struktur. <foo> <bar>A</bar> <bar>B</bar> <bar>C</bar> </foo> Möchte ich für diese Bar Komponenten click Veranstaltungen, die

Mit three.js in Angular2

Anzahl der Antworten 4 Antworten
Ich versuche mich zu integrieren three.js Szene in eine eckige 2-Seite. Ich bin ein Anfänger im Winkel 2 und javascript, ich habe die three.js Datei in den script-tag, in index.html ich.e, und in der Szene.Komponente.ts-Datei habe ich

Checked und unchecked checkbox im Winkel 2, die durch Boolesche Wert

Anzahl der Antworten 3 Antworten
Möchte ich die checkbox in den Winkel-2 automatisch aktiviert oder deaktiviert werden. Wenn der Wert 1 ist, wird das Kontrollkästchen prüfen, und dieser ist 0, wird das Kontrollkästchen automatisch deaktivieren. public LightControl() { this.dataLight = this._LightService.AutoLightController(this._ConnectService.SocketInstanse()) .subscribe(data

Winkel: kann Nicht finden, unterscheiden sich die Unterstützung Objekt '[object]'

Anzahl der Antworten 4 Antworten
Im folgenden dieses tutorial. Auf dem Weg zum abrufen der Liste der Benutzer-api.github Im immer Fehler: Nicht finden kann, unterscheiden sich die Unterstützung Objekt '[object]' Ich denke, dass seine im Zusammenhang mit <ul> <li *ngFor = "#user

Angular2: call-Methode oder variable von der anderen Komponente

Anzahl der Antworten 1 Antworten
Ich habe 3 Komponenten. PageMenu, LoginSession und LoginForm. In PageMenu möchte ich Zugriff auf Variablen aus LoginSession, dann wenn ich es habe kann ich behaupten das Verhalten der LoginForm die auch importiert PageMenu PageMenu: import {Component} from

wie neu laden/aktualisieren der Komponente anzeigen gewaltsam?

Anzahl der Antworten 1 Antworten
in meiner Anwendung habe ich ein json-Objekt, das ist hardcoded. dass die Werte gebunden sind, mit der Eingabe-Bedienelemente in der Ansicht. wenn ich aber die änderungen der Werte der json-Objekt während einige Ereignisse, dann werden diese änderungen

Angular2 Pass-Attribut-Wert dynamisch von der html-Vorlage @ - Eingang

Anzahl der Antworten 2 Antworten
, Wie pass-dynamic-Wert anstelle der Zeichenfolge in [E-Mail] - Attribut ?? Ich bin stecken mit Parse syntax error. Ob ich mich übergeben kann, der Wert auf @input decorator dynamisch durch ngFor und gehen als input in [E-Mail]

Winkel-2: Wenn Wert vorhanden ist, zeigen html

Anzahl der Antworten 2 Antworten
Im moment habe ich einen Dienst, der zieht Werte aus einer Reihe von APIs, die ich geschrieben habe. In der Vorlage möchte ich nur für die Ausgabe des folgenden html-Code wenn der Wert vorhanden ist oder nicht

Eckige 2 - hintergrund-Bild in eine html-Datei mit ngStyle

Anzahl der Antworten 3 Antworten
Ich Hole Daten aus einer API durch eine Eckige 2 service.. ich ausgeben kann alles aus der json-api auf der Seite mit der etwas ähnliches {{ Projekt.Titel }} allerdings möchte ich die Ausgabe der url zu einem

Wie append dynamische DOM-Elementen von einer Richtlinie im Winkel 2?

Anzahl der Antworten 1 Antworten
Habe ich eine Eckige 1.x-Direktive, die fügt ein element. Kurz gesagt: app.directive('mydirective', function() { template: '<ng-transclude></ng-transclude>', link: function(el) { var child = angular.element("<div/>"); el.append(child); } Kann ich migrieren dieser Richtlinie an den Winkel-2 so: @Directive({ selector: '[mydirective']

Bootstrap Navigation Menü in den Winkel-2

Anzahl der Antworten 1 Antworten
Vom Bauen Sie eine Navigation mit Bootstrap 4, habe ich eine top-navigation Menü: <nav class="navbar navbar-fixed-top navbar-dark bg-inverse"> <div class="container"> <a class="navbar-brand">Angular Router</a> <ul class="nav navbar-nav" routerLinkActive="active"> <li class="nav-item"><a class="nav-link" routerLink="home">Home</a></li> <li class="nav-item"><a class="nav-link" routerLink="about">About</a></li> <li class="nav-item"><a

Winkel-2 mit datepicker javascript und

Anzahl der Antworten 3 Antworten
Ich versuche, eine Anwendung zu erstellen mit Winkel 2 und javascript. Ich möchte ein Datum, Eingänge und ich habe gelesen, dass html 5 der Eingabetyp "date" wird nicht unterstützt von allen Browsern.Ich suchte für datepickers für Winkel-2

Angular2 (ngSubmit) funktioniert nicht

Anzahl der Antworten 2 Antworten
Ich habe gerade erst begonnen Angular2 und mit Blick auf folgende Fehlermeldung beim hinzufügen (ngSubmit) - Attribut, um meine form Template parse errors: There is no directive with "exportAs" set to "ngForm" (" <form [ERROR ->]#form="ngForm" (ngSubmit)="onSubmit()"

Wie zu verwenden angular2-Daten-Tabelle

Anzahl der Antworten 3 Antworten
Finde keine Anleitung für die Verwendung angular2-data-table Bibliothek ist hier: https://github.com/swimlane/angular2-data-table In der Dokumentation scheint zu fehlen einfache Beispiele. Kann irgend jemand mir ein einfaches Beispiel für die Verwendung datatable in angular2 InformationsquelleAutor CommonSenseCode | 2016-11-14

Browser Schließen-Ereignis in angular4

Anzahl der Antworten 1 Antworten
Woran kann ich erkennen, browser schließen, Veranstaltung in Winkel-4.0.2 Habe ich versucht @HostListener('window:unload', ['$event']) unloadHandler(event) { ... } @HostListener('window:beforeunload', ['$event']) beforeunloadHandler(event) { ... } Aber nicht richtig, für mich zu arbeiten. Kann mir jemand helfen. Wenn ich

Winkel-2: Reload dieselbe Komponente wieder, wenn die Umleitung auf der gleichen Strecke

Anzahl der Antworten 3 Antworten
Ich bin mit 'routerLink' navigieren meine Strecken und es funktioniert Prima. Aber wenn ich klicken Sie erneut auf den gleichen button, ich möchte, dass die Komponente wird erneut geladen. Aber derzeit ist es nicht im angular2. app.component.html

Wie man das Letzte element eines Arrays in Angular2 Vorlage OHNE SCHLEIFE ALLES?

Anzahl der Antworten 3 Antworten
Diese Frage ist nicht zu Fragen, wie man Zugang zu den looping-Variablen wie i, erste, Letzte, aber gewusst wie: abrufen und setzen Sie die variable als TEMPLATE-VARIABLEN. Ist dies nicht funktioniert... <div #lastElement="arr[arr.length-1]"></div> So dass ich wirklich

Überprüfen Sie, ob Benutzer einen Bildlauf zu der Unterseite im Winkel 2

Anzahl der Antworten 2 Antworten
Was ist die beste Praxis zu überprüfen, wenn Benutzer einen Bildlauf zu der unteren Seite in Angular2 ohne jQuery? Habe ich Zugriff auf das Fenster in meinem app-Komponente? Wenn nicht, sollte ich prüfen, ob scrollen, um den

zwei-Wege-binding arrays in eckige 2

Anzahl der Antworten 3 Antworten
Ich bin mir bewusst, dass mit einfachen 2-Wege-Bindung im Winkel 2, wie gezeigt, in den docs. Ich habe ein array von persons, die ich verwende, um eine html-Liste: Nun, wenn ich auf eine person, die Reihe, ich

Angular2. Wie zum ausblenden(nicht darstellen) den link in das Menü nach dem check Zugang?

Anzahl der Antworten 2 Antworten
Verstecken muss link im Menü auf der Grundlage der "routerLink" nach dem check ACL-Zugriff. Ich will nicht zu verwenden, Winkel-Richtlinien "*ngIf" auf jedes element link in der app (Notwendigkeit zu tun, dass globaly auf die routerConfig-definition) Inhalt

Doppelt Antippen/ doppelklicken klicken Sie auf Angular2 & ionic

Anzahl der Antworten 4 Antworten
Ich bin auf der Suche in vielen Foren und Fragen, aber niemand scheint zu Fragen, wie Doppelklick ou double tap in Eckig/ionic 2 ? In ionic v1 war es mit on-double-tap (siehe http://ionicframework.com/docs/api/directive/onDoubleTap/) Hat jemand vielleicht einen

Winkel 4 Kann nicht gebunden werden zu <Eigenschaft> da ist es nicht eine bekannte Eigenschaft von <Komponenten - >

Anzahl der Antworten 4 Antworten
Ich versuche, meine eigene Richtlinie im Winkel 4. Aber, ich habe diesen Fehler beim binden der Eigenschaft der Klasse in der Komponente template. Konsole Fehler: Unhandled Promise rejection: Template parse errors: Can't bind to 'data' since it

Eckige 2-Deklarationen in spezifischen Komponente

Anzahl der Antworten 1 Antworten
Letzte mal, dass ich Angular2 die Richtlinien sind noch vorhanden, aber jetzt gibt es so genannte Erklärungen in der app.Module.ts. Frage ist, wenn ich gehe zu verwenden Sie eine Richtlinie, die nur in spezifischen Komponente und nicht

HTML-check-variable undefined bei ngIf ausgenommen den Fall, wenn der Wert 0 ist

Anzahl der Antworten 1 Antworten
Ich bin mit Winkel 2 und würde gerne überprüfen, ob eine variable Wert ist undefined mit dem htm *ngIf Zustand. Wenn ich <span *ngIf="!testvar"> es deckt auch der Fall, wenn eine variable testvar = 0, aber ich

Wie moment-Zeitzone in den Winkel-2 App

Anzahl der Antworten 5 Antworten
Merke ich, diese Frage wiederholt sich, aber die Vorherige einmal keine Antwort apt moment Paket wurde bereits installiert 1.Installiert Paket npm install-moment-Zeitzone --speichern Innen node_modules Verzeichnis | |--moment |--moment-timezone Verzeichnisse vorhanden 2. Index.html inklusive Skript <script src="node_modules/moment-timezone/moment-timezone.js"></script>