Tag: angular2-directives
Verwenden Sie für Fragen über Angular 2+ Richtlinien
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
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:
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
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
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
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
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
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:
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
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
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
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
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
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
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
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"
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
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
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,
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 -
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
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
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:
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:
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
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
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
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
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
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
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
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]
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
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
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']
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
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
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()"
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
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
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
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
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
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
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
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
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
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
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
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>