Als «angular2-template» getaggte Fragen

Bei Fragen zur Angular Template Syntax, einschließlich: Interpolation, Eingabe- (Eigenschafts-) Bindungen, Ausgabe- (Ereignis-) Bindungen, Zweiwege-Bindung, lokale Variablen, Sternsyntax usw. Dieses Tag ist spezifisch für Angular Version 2.x und höher

20
Winkel-HTML-Bindung
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 .



2
Wie kann ich Datenattribute mit Angular schreiben?
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 Vorlagen: Kann nicht an 'sectionvalue' gebunden werden, da es sich nicht um eine bekannte native …

5
Wie füge ich dem Host-Element "Klasse" hinzu?
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 Lösung scheint etwas kompliziert zu sein, um etwas zu tun, das sehr einfach …

14
Winkel 2: Kann nicht an 'ngModel' gebunden werden, da dies keine bekannte Eigenschaft von 'input' ist.
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 Code vorgenommen. Ich bekomme hier einen Fehler. Wie mache ich diesen Fehler? Den vollständigen Code finden Sie hier: …

2
Was ist let- * in Angular 2-Vorlagen?
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 neue Variablen colund cardas kann dann innerhalb der Vorlage gebunden werden. Quelle: https://www.primefaces.org/primeng/#/datatable/templating Wie heißt diese magische let-*Syntax? Wie funktioniert es? Was ist der Unterschied …

4
<ng-container> vs <template>
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 &lt;ng-container&gt;das Gleiche wie &lt;template&gt;oder hängt es davon ab, ob eine Richtlinie geschrieben wurde, um eine davon zu verwenden? Sind &lt;ng-container *ngPluralCase="'=0'"&gt;there is …

7
Angular2 - sollten private Variablen in der Vorlage zugänglich sein?
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: ` &lt;div&gt; &lt;h2&gt;{{title}}&lt;/h2&gt; &lt;h2&gt;Hello {{userName}}&lt;/h2&gt; // I am getting this name &lt;/div&gt; `, }) export class App { public title = 'Angular 2'; private userName = "Test …


9
Wie schneide ich Text in Angular2 ab?
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 begrenzen?

4
Übergeben Sie Aufzählungen in Angular2-Ansichtsvorlagen
Können wir Enums in einer Angular2-Ansichtsvorlage verwenden? &lt;div class="Dropdown" dropdownType="instrument"&gt;&lt;/div&gt; Übergibt die Zeichenfolge als Eingabe: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Aber wie übergebe ich eine Enum-Konfiguration? Ich möchte so etwas in …


10
Angular2-Deaktivierungstaste
Ich weiß das in angle2 eine Schaltfläche mit dem [disable]Attribut deaktivieren kann , zum Beispiel: &lt;button [disabled]="!isValid" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; aber kann ich es mit [ngClass]oder machen[ngStyle] ? Wie so: &lt;button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; Vielen Dank.

8
So überprüfen Sie die Länge eines Observable-Arrays
In meiner Angular 2-Komponente habe ich ein Observable-Array list$: Observable&lt;any[]&gt;; In meiner Vorlage habe ich &lt;div *ngIf="list$.length==0"&gt;No records found.&lt;/div&gt; &lt;div *ngIf="list$.length&gt;0"&gt; &lt;ul&gt; &lt;li *ngFor="let item of list$ | async"&gt;item.name&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; Die Liste $ .length funktioniert jedoch bei einem Observable-Array nicht. Aktualisieren: Es scheint, dass (Liste $ | async)?. Länge …

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.