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
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
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
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
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
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
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
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
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
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
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
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
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 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
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
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
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
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
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
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
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.
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,
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
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
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>
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.
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">
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
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
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
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
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
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
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
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
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
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
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++; }
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
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
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?
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
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:
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 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,
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
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
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
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