Tag: angular2-template

Für Fragen verweisen auf Winkel-Template-Syntax einschließlich: – interpolation-Eingang(Eigenschaft) Bindungen, Ausgang(Ereignis) – Bindungen, zwei-Wege-Bindung, lokale Variablen, Sterne-syntax, etc. Dieser tag ist spezifisch für eckige version 2.x und oben

md-Menü override default max-Breite im Winkel 2

Anzahl der Antworten 2 Antworten
Ich bin mit Winkel-2 , Eckig-Material, und ich bin bereit zum anzeigen von mehr Daten im md-Menü und, daher, ich muss die max-Breite des md-Menü auf einen höheren Wert. Seine default-Wert ist 280px. <img src="/assets/images/ic-notifications.png" [mdMenuTriggerFor]="appMenu"/> <md-menu

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

Wie Bindungen in ngFor im Winkel 2?

Anzahl der Antworten 1 Antworten
HINWEIS: ich fand mehrere ähnliche Fragen, aber keine wirklich Antwort auf meine (Allgemeine) Frage Habe ich diese Komponente.ts first: string; second: string; third: string; fields = ["first", "second", "third"]; Ich möchte in der Lage zu erzeugen, in

Angular2 @Input : Übergabe eines array-Objekte von parent-child-Komponente

Anzahl der Antworten 1 Antworten
Brauche ich etwas Hilfe mit Winkel-2. Ist es möglich, übergeben Sie ein array-Objekte von parent-child-Komponente? Es scheint nicht möglich, Aber vielleicht habe ich etwas verpasst. Unten konnte man sehen, eine Zusammenfassung was habe ich versucht in meinem

Deaktivieren einer Schaltfläche, indem Sie ElementRef: angular2

Anzahl der Antworten 1 Antworten
Ich versuche zu deaktivieren einer Schaltfläche, wenn darauf geklickt wird. Indem ich rufe eine Funktion, und ich möchten, deaktivieren Sie die Schaltfläche mit dieser Funktion. Wie kann ich die access-Taste Eigentum mit ElementRef, und es deaktivieren? Ich

Wie Sie trigger-Eckige 2-Formular Einreichen von Komponente?

Anzahl der Antworten 1 Antworten
Grundsätzlich habe ich <form #f="ngForm" (ngSubmit)="save(f.form)" #formElement> ... <button class="btn btn-primary" #saveButton>Save</button> </form> Will ich auslösen zu können submit() aus der Komponente. Ich habe versucht @viewChild('formElement') und renderer.invokeElementMethod auslösen click(). InformationsquelleAutor lock42 | 2017-11-21

Fehler: Bitte rufen Sie “TestBed.compileComponents" vor dem test

Anzahl der Antworten 2 Antworten
Ich bin immer diese Fehlermeldung: Fehler: Dieser test Modul verwendet die Komponente MessagesComponent, die mit einem "templateUrl", aber Sie waren nie kompiliert. Bitte rufen Sie "TestBed.compileComponents" vor dem test. Beim Versuch, führen Sie diesen einfachen test Eckig

Pre-Bevölkern Eingabefeld in `FormGroup` - Angular2

Anzahl der Antworten 1 Antworten
Ich bin mit Angular2 - Reaktive Formen. Alles funktioniert gut, bis ich zeigen möchte, eine voreingestellte Wert in eines der Felder im Formular. Szenario: gibt Es mehrere buttons auf einer Seite und jeder button öffnet ein Formular

Mehrere Komponenten in angular2

Anzahl der Antworten 1 Antworten
Ich bin neu eckig 2 , In mehrere Komponenten die ich geschrieben habe, ein zwei Komponenten in einem einzelnen Ordner-Datei habe ich den import der 2. Klasse in der ersten Datei sind und gegeben-Richtlinie: Klasse, aber zeigt

Winkel 4, remember me Funktion

Anzahl der Antworten 2 Antworten
Ich mache einen angualar 4-Anwendung mit node-js-backend. Ich habe das login-Formular und alles ist gut ich will implementieren Sie die Funktion an mich erinnern. Vielen Dank im Voraus. Dies ist mein login-service: import { Injectable } from

So erstellen Sie eine Boolesche template-Variablen in eckigen 2?

Anzahl der Antworten 3 Antworten
Möchte ich zeigen, oder verstecken Sie einen Abschnitt durch klicken auf eine Schaltfläche. Ich will nicht, um eine variable zu erstellen, die in den controller. Gibt es einen Weg dies zu tun ist durch die Verwendung von

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

Winkel-5 konvertieren von Enum int zu string

Anzahl der Antworten 3 Antworten
Ich möchte meine enum als string, aber es zeigt sich als eine Nummer. Ich erhalte ein json-Objekt aus einem web service und das mapping zu meiner Typoskript Objekt getProperties(): Observable<Property> { return this.http.get<Property>(this.getallagentsproperties + '1'); } export

Eckige 2 - ngFor - lokale variable "erste" funktioniert nicht

Anzahl der Antworten 1 Antworten
Ich bin mit ngFor-Schleife, um eine Liste zu erstellen mit Schaltflächen zum verschieben von Objekten um. Ich habe versucht, verwenden Sie die ngFor Variablen first und last zu deaktivieren Sie bestimmte Tasten. Ich finde "erste" funktioniert nicht

Angular2 SVG xlink:href

Anzahl der Antworten 2 Antworten
Ich habe die Komponente für das Rendern von SVG-icon: import {Component, Directive} from 'angular2/core'; import {COMMON_DIRECTIVES} from 'angular2/common'; @Component({ selector: '[icon]', directives: [COMMON_DIRECTIVES], template: `<svg role="img" class="o-icon o-icon--large"> <use [xlink:href]="iconHref"></use> </svg>{{ innerText }}` }) export class Icon

Set null als Leerstring als Wert für Eingabe-Feld

Anzahl der Antworten 3 Antworten
Ich habe eine input - Feld zugeordnet werden, eine Einheit in meinem controller mit einem ngModel 2-Wege-Bindung: <input type="text" [(ngModel)]="entity.one_attribute" /> Wenn ich initialisieren, mein controller, ich habe diese Stelle: { one_attribute: null } Wenn ein Benutzer

wie kann ich Feuer onload-events für Elemente innerhalb der Komponente-html in angular2

Anzahl der Antworten 3 Antworten
Also das ist eine 2 in 1 Frage. Erste, den ich versuche zu Feuer eine Funktion, wenn ein element innerhalb einer html-Komponenten, Lasten. Ich versuchte es zahlreiche Möglichkeiten, wie: <div [onload]="myFunction()"> diese allerdings waren die Ergebnisse in

Benutzerdefinierte Attribut gibt parsing-Fehler bei Verwendung mit einem Winkel-2.0.0-beta.0

Anzahl der Antworten 1 Antworten
Ich versuche, benutzerdefinierte attribute mit angular2 wie folgt <a href="javascript:void(0)" title="{{inst.title}}" data-loc="{{inst.actionval}}"> gibt mir folgenden Fehler AUSNAHME: Template-parsing-Fehler: Kann nicht binden, 'loc', da es nicht eine bekannte native Eigenschaft Mögliche Duplikate von Winkel-2 data-Attribute InformationsquelleAutor Akhilesh Kumar

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

Winkel-2 template-tags sagen-Objekt ist nicht definiert

Anzahl der Antworten 1 Antworten
Umgang mit fremden-Problem in Winkel-2. Wenn man sich in der Komponente unten, gibt der Dienst ein analysiertes Objekt – zum Beispiel kann ich console.log es. Sie können finden Sie in der Ausgabe eingefügt werden, als ein Kommentar.

Winkel 2 animieren *ngFor Punkt der Liste eine nach der anderen mit neuen Animation, die Unterstützung im RC-5

Anzahl der Antworten 3 Antworten
Ich habe eine Komponente, die holt Liste von Elementen vom server und zeigt dann, dass die Liste mit *ngFor im template. Möchte ich die Liste angezeigt werden mit etwas animation, aber eins nach dem anderen. Ich meine,

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

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

Async-Leitung nicht füllen-Objekt-Daten in die Vorlage

Anzahl der Antworten 5 Antworten
Kann mir jemand helfen, sehen, wenn es einen syntax-Fehler in meiner Vorlage? Es gibt keine Fehler, aber nicht füllen Sie die Daten in der Vorlage, entweder: <div *ngIf="(hero | async)"> <h2>{{hero}}</h2> <h2>{{hero.name}} details!</h2> <div> <label>_id: </label>{{hero._id}}</div> <div>

Angular2 Router link funktioniert nicht

Anzahl der Antworten 3 Antworten
Mein router link funktioniert aus der root-Komponente und den selben link funktioniert nicht bei mir bewegen sich die links zu untergeordneten Komponente. Die plunker code zeigt die funktionierende Verbindung und nicht funktionierender link. Vielen Dank im Voraus.

Angular2 ngSwitch mit <template> nur

Anzahl der Antworten 5 Antworten
Möchte ich nutzen, ngSwitch bedingt machen einige Inhalte, aber ich möchte, dass Inhalte das einzige, was gerendert werden, um den DOM. Ich werde mit einem Beispiel illustrieren. Dies ist, was ich derzeit habe: <div [ngSwitch]="thing.name"> <template ngSwitchWhen="foo">

Wie verwenden Sie die Vorlage in <p-datatable - >

Anzahl der Antworten 1 Antworten
Ich habe eine sehr grundlegende Frage die ich nicht beantworten kann, selbst, weil die meisten links zu http://www.primefaces.org/primeng nicht mehr funktionieren. Ich habe auch versucht, die Registrierung, um Ihr forum aber mit Ihrer Aktivierungs-E-mail nicht ankommt. Benutze

Hab interpolation ({{}}) where-Ausdruck erwartet wurde

Anzahl der Antworten 4 Antworten
Habe ich den folgenden HTML-Code, aber ich bekomme die Ausnahme. Wie es zu lösen ist ? Parser Error: Got interpolation ({{}}) where-Ausdruck erwartet wurde in Spalte 48 in [!(editForm.controls.field_item_exportExpression_{{i}}?.dirty && editForm.controls.field_item_exportExpression_{{i}}?.ungültig)] <div class="form-group"> <label class="form-control-label" for="field_exportExpression">exportExpression</label> <input

Kann ich zwei template für eine Komponente angular2?

Anzahl der Antworten 2 Antworten
Ich habe eine Komponente mit einer html-und .ts-Datei. Für einige Gründe, warum ich mehrere Seiten erstellen (HTML -) Seiten. Ist es möglich, mehrere (html) - Seiten für die einzelnen Klasse (Komponente)? Oder ist es möglich, dynamische, TemplateUrl

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

<ng-container> vs <template>

Anzahl der Antworten 4 Antworten
ng-container erwähnt wird in Eckige 2-Dokumentation, aber es gibt keine Erklärung, wie es funktioniert und was sind use cases. Es ist besonders erwähnt in ngPlural und ngSwitch Richtlinien. Tut <ng-container> tun die gleiche Sache wie <template> oder

wie verschieben von div-scroll-position basierend auf den-button klicken, im Winkel 2

Anzahl der Antworten 2 Antworten
in app.component.html Datei habe ich ein div-element mit horizontal-scrollen und zwei Tasten Next und Previous. basierend auf diesen button klicken, ich will zu bewegen, scrollen. app.component.html <div id="th-infinite-scroll-tracker" style="overflow-y:scroll; height: 200px;" scrollTracker (scroll)="onScroll($event)" (mouseup)="searchLog($event)"> <div *ngFor="let log

Access-Vorlage referenzieren Variablen, die von der component-Klasse

Anzahl der Antworten 1 Antworten
<div> <input #ipt type="text"/> </div> Ist es möglich, auf die Vorlage zugreifen, Zugriff auf Variablen aus der Komponente-Klasse? also, kann ich es hier class XComponent{ somefunction(){ //Can I access #ipt here? } } InformationsquelleAutor jackOfAll | 2016-09-22

Angular2 - Update UI nach dem löschen

Anzahl der Antworten 5 Antworten
Ich habe eine angular2 app, deren backend ist in java. Ich habe eine Liste von Kunden. Wenn ich auf das entfernen der AUFTRAGGEBER ist entfernt aber die Liste nicht aktualisieren. Wenn ich manuell die Seite aktualisieren dann

TypeError: Cannot create property 'Prüfung' auf string '[email protected]' bei setUpControl

Anzahl der Antworten 2 Antworten
Ich Gesicht Problem in formGroup. Zuerst auf URL-Basis nehme ich ein paar Wert-und Aufruf-API für das abrufen von bestimmten Benutzer-Daten für das pre-Feld text. register.html <form [formGroup]="form" (ngSubmit)="onSubmit(form.value)" class="form-horizontal"> <div class="form-group row"> <label for="inputEmail3" class="col-sm-4 ">Username</label> <div

Unterschiede in der Verwendung von Component-template vs templateUrl

Anzahl der Antworten 6 Antworten
Winkel-2 ermöglicht das schreiben von multi-line-Vorlagen durch die Verwendung von " - Zeichen enquote Sie. Es ist auch möglich, multi-line-Vorlage in .html Datei und Verweis von templateUrl. Es scheint wohl für mich um die Vorlage direkt in

Wie rufe ich eine Funktion in alle 10 Sekunden, im Winkel 2?

Anzahl der Antworten 4 Antworten
Wie rufe ich eine Funktion in einem Zeitintervall festlegen, in Winkel-2. Ich will, dass es aufgerufen/Ausgelöst in bestimmten Zeitabständen(zB 10 Sekunden). ZB: ts-Datei num: number = 0; array: number = [1,5,2,4,7]; callFuntionAtIntervals(){ if(num==5){ num=0; } num++; }

Winkel-2 : Inkrement *ngFor von 2 oder die Umsetzung von zwei seitenumfang mit einer Paginierung

Anzahl der Antworten 1 Antworten
Ich bin ziemlich neu zu Eckig und ich Frage mich, ob es irgendeinen Weg gibt, erhöhen Sie die ngFor Schleife von 2 anstelle von 1. Ich versuche die Implementierung von zwei Seitenumbrüche die mit einer Paginierung, für

Dynamisches ändern der Vorlage für eine Eckige 4-Komponenten

Anzahl der Antworten 1 Antworten
Mit Eckigen 4.1, ich versuche, dynamisch zu ändern, ein Modul geben Sie die Vorlage, bevor Sie das Modul gerendert. Ist das möglich? Wir sind bootstrapping und eine unbekannte Zahl von Komponenten auf der Seite (von einer bekannten

Wie zu verwenden ngModel mit einem benutzerdefinierten Steuerelement in einem Formular?

Anzahl der Antworten 3 Antworten
Erstellte ich eine Komponente für die Handhabung von select box, jetzt wenn ich es im form-tag nach der vorgelegten form das Ergebnis der Auswahl nicht zeigen, bis in der Konsole. Was ist das problem mit meinem code?

Wie zum einschränken der Eingabe-textbox zur Eingabe von zahlen nur in Angular2 form?

Anzahl der Antworten 6 Antworten
Habe ich zum einschränken der Benutzer, geben Sie nur zahlen in ein Feld in Angular2->form Ich habe die Lösung, aber die Rücktaste funktioniert nicht im Eingabefeld Kann jemand die richtige Lösung? form.html <input (keypress)="keyPress($event)" minlength="8" maxlength="15" required

Wie konvertiert Zahl zu string im inneren Winkel 2 Komponente:

Anzahl der Antworten 3 Antworten
In der Komponente habe ich export class AppComponent implements OnInit { public errorMsg :number =10 ; public doughnutChartOptions: any = { cutoutPercentage: 85, elements: { center: { text: this.errorMsg + ' Energy produced in the Energy', fontColor:

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 - Wie automatisch binden Objekt-Werte bezogen auf die Formular-Steuerelemente?

Anzahl der Antworten 3 Antworten
Ich bin mit model driven forms und ich bin auf der Suche eine bessere Möglichkeit die Daten zu binden Bezug auf formControlName's, weil ich mehr als 25 Felder auf meinem Formular, und ich will nicht zu haben,

wie verschieben von div-scroll-position basierend auf den-button klicken, im Winkel 2

Anzahl der Antworten 2 Antworten
in app.component.html Datei habe ich ein div-element mit horizontal-scrollen und zwei Tasten Next und Previous. basierend auf diesen button klicken, ich will zu bewegen, scrollen. app.component.html <div id="th-infinite-scroll-tracker" style="overflow-y:scroll; height: 200px;" scrollTracker (scroll)="onScroll($event)" (mouseup)="searchLog($event)"> <div *ngFor="let log

Winkel 2 : mehrere HTML-Seiten innerhalb der gleichen Komponente

Anzahl der Antworten 3 Antworten
Ich bin neu eckig 2, ich habe eine Komponente namens-Register, in das 1-Komponenten-ich habe 5 HTML-Seiten, wo man auf der 1. Seite registrieren, werde ich ins 2. register-Seite und klicken Sie auf auf der 2. Registerseite gehe

Angular2: Rendern / laden der Komponente ein template

Anzahl der Antworten 3 Antworten
Idealerweise würde ich brauchen, um neu zu laden /rerender meine Komponente das template, aber wenn es einen besseren Weg, dies zu tun werde ich gerne umsetzen. Gewünschte Verhalten: So, ich habe eine Komponente für ein Menü-element. Wenn

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