Als «angular2-template» getaggte Fragen

Ich schreibe eine Angular-Anwendung und habe eine HTML-Antwort, die ich anzeigen möchte. Wie mache ich das? Wenn ich einfach die Bindungssyntax verwende, werden {{myVal}}(natürlich) alle HTML-Zeichen codiert. Ich muss irgendwie das innerHTMLvon a divan den variablen Wert binden

Wenn ich in meiner Angular 2-App eine Seite nach unten scrolle und auf den Link unten auf der Seite klicke, ändert sich die Route und ich komme zur nächsten Seite, aber nicht zum oberen Rand der Seite. Wenn die erste Seite lang ist und die zweite Seite nur wenige Inhalte enthält, entsteht der...

Ich versuche, ein Häkchen zu setzen, wenn eine Antwort die akzeptierte Antwort ist: template: `<div ngIf="answer.accepted">&#10004;</div>` Aber ich bekomme diesen Fehler: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Was mache ich

Wenn ich versuche, ein data attributein meinem zu verwenden template, so: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 stürzt ab mit: AUSNAHME: Fehler beim Analysieren von...

Ich weiß nicht, wie ich meiner Komponente <component></component>ein dynamisches Klassenattribut hinzufügen soll, aber innerhalb der Vorlage html (component.html). Die einzige Lösung, die ich gefunden habe, besteht darin, das Element über das native Element "ElementRef" zu ändern. Diese...

Ich versuche, dynamische Formulare in Angular 2 zu implementieren. Ich habe den dynamischen Formularen zusätzliche Funktionen wie Löschen und Abbrechen hinzugefügt. Ich habe diese Dokumentation befolgt: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Ich habe einige Änderungen am...

Ich bin auf eine seltsame Zuweisungssyntax in einer Angular 2-Vorlage gestoßen. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Es scheint, dass let-colund let-car="rowData"erstellen Sie zwei...

ng-container wird in der Angular 2-Dokumentation erwähnt, es gibt jedoch keine Erklärung, wie es funktioniert und welche Anwendungsfälle es gibt. Es wird insbesondere in ngPluralund ngSwitchRichtlinien erwähnt. Tut <ng-container>das Gleiche wie <template>oder hängt es davon ab, ob eine...

Wenn eine Variable für privateeine Komponentenklasse deklariert ist , sollte ich in der Vorlage dieser Komponente darauf zugreifen können? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name...

Ich verwende Angular2 Final Release (2.1.0). Wenn ich eine Liste von Unternehmen anzeigen möchte, wurde dieser Fehler angezeigt. in file.component.ts: public companies: any[] = [ { "id": 0, "name": "Available" }, { "id": 1, "name": "Ready" }, { "id": 2, "name": "Started" } ]; in

Gibt es eine Möglichkeit, die Länge der Zeichenfolge auf eine Anzahl von Zeichen zu beschränken? zum Beispiel: Ich muss eine Titellänge auf 20 begrenzen {{ data.title }}. Gibt es ein Rohr oder einen Filter, um die Länge zu

Können wir Enums in einer Angular2-Ansichtsvorlage verwenden? <div class="Dropdown" dropdownType="instrument"></div> Übergibt die Zeichenfolge als Eingabe: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input()...

In diesem Szenario zeige ich der Ansicht eine Liste der Schüler (Array) mit folgenden Eigenschaften an ngFor: <li *ngFor="#student of students">{{student.name}}</li> Es ist wunderbar, dass es aktualisiert wird, wenn ich einen anderen Schüler zur Liste hinzufüge. Wenn ich es...

Ich weiß das in angle2 eine Schaltfläche mit dem [disable]Attribut deaktivieren kann , zum Beispiel: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> aber kann ich es mit [ngClass]oder machen[ngStyle] ? Wie so: <button [ngStyle]="{disabled : !isValid}"...

In meiner Angular 2-Komponente habe ich ein Observable-Array list$: Observable<any[]>; In meiner Vorlage habe ich <div *ngIf="list$.length==0">No records found.</div> <div *ngIf="list$.length>0"> <ul> <li *ngFor="let item of list$ | async">item.name</li>...

<div> <input #ipt type="text"/> </div> Ist es möglich, über die Komponentenklasse auf die Vorlagenzugriffsvariable zuzugreifen? dh kann ich hier darauf zugreifen, class XComponent{ somefunction(){ //Can I access #ipt here?

Wir arbeiten derzeit an einem neuen Projekt mit regelmäßigen Updates, die täglich von einem unserer Kunden verwendet werden. Dieses Projekt wird mit Angular 2 entwickelt und wir haben Probleme mit dem Cache. Das heißt, unsere Kunden sehen nicht die neuesten Änderungen auf ihren Computern....

Ich kann diesen Code nicht von Angualr 1 nach Angular 2 übersetzen: ng-repeat="todo in todos | orderBy: 'completed'" Dies ist, was ich nach der Antwort des Thierry Templier getan habe: Komponentenvorlage: *ngFor="#todo of todos | sort" Komponentencode: @Component({ selector: 'my-app',...

Refered zu https://angular.io/docs/ts/latest/guide/displaying-data.html und stapeln Wie leeres Objekt in Winkel 2 Vorlage überprüfen mit * ngIf noch immer nicht definiert Syntaxfehler selbst Kontext. Wenn ich die * ngIf-Bedingung entferne, erhalte ich Werte in teamMembers, wenn ich einen Wert...

Ich möchte einen Zeichenfolgenwert an eine Komponente in angle2 übergeben, dies funktioniert jedoch nicht mit der Standardbindung. Ich denke an etwas Ähnliches: <component [inputField]="string"></component> Leider sind nur Ausdrücke auf der rechten Seite der Zuweisung zulässig. Gibt es...