Pytania otagowane jako angular2-template

W przypadku pytań odnoszących się do składni szablonów kątowych, w tym: interpolacji, powiązań wejściowych (właściwości), powiązań wyjściowych (zdarzeń), powiązań dwukierunkowych, zmiennych lokalnych, składni gwiazdy itp. Ten tag jest specyficzny dla wersji kątowej 2.x i nowszych

20
Kątowe wiązanie HTML
Piszę aplikację Angular i mam odpowiedź HTML, którą chcę wyświetlić. Jak mogę to zrobić? Jeśli po prostu użyję składni wiązania {{myVal}}, koduje wszystkie znaki HTML (oczywiście). Potrzebuję w jakiś sposób powiązać innerHTMLa divze zmienną.
2
Jak pisać atrybuty danych za pomocą Angulara?
Kiedy próbuję użyć data attributew moim template, jak poniżej: <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 ulega awarii z: WYJĄTEK: Błędy analizy szablonu: Nie można powiązać z wartością „sectionvalue”, ponieważ nie jest to znana właściwość natywna („ ] data-sectionvalue = "{{section.value}}"> …
5
Jak dodać „klasę” do elementu hosta?
Nie wiem, jak dodać do komponentu atrybut klasy<component></component> dynamicznej, ale wewnątrz szablonu html (component.html). Jedynym rozwiązaniem, jakie znalazłem, jest modyfikacja elementu za pomocą rodzimego elementu „ElementRef”. To rozwiązanie wydaje się trochę skomplikowane, aby zrobić coś, co powinno być bardzo proste. Innym problemem jest to, że CSS musi zostać zdefiniowany poza …
14
Angular 2: Nie można powiązać z „ngModel”, ponieważ nie jest to znana właściwość „input”
Próbuję wdrożyć Dynamiczne formularze w Angular 2. Dodałem dodatkowe funkcje, takie jak Usuń i Anuluj do dynamicznych formularzy. Postępowałem zgodnie z tą dokumentacją: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Wprowadziłem kilka zmian w kodzie. Mam tu błąd. Jak sprawić, by ten błąd zadziałał? Pełny kod można znaleźć tutaj: http://plnkr.co/edit/SL949g1hQQrnRUr1XXqt?p=preview , który działa w programie plunker, …
2
Co to jest let- * w szablonach Angular 2?
W szablonie Angular 2 natknąłem się na dziwną składnię przypisania. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Wydaje się, że let-coli let-car="rowData"utworzyć dwie nowe zmienne coli carktóre mogą być następnie wiąże się wewnątrz szablonu. Źródło: https://www.primefaces.org/primeng/#/datatable/templating Jak nazywa się ta magiczna let-*składnia? Jak to działa? Jaka jest różnica między let-somethingi …
4
<ng-container> vs <template>
ng-container jest wspomniany w dokumentacji Angulara 2, ale nie ma wyjaśnienia, jak to działa i jakie są przypadki użycia. Jest to szczególnie wspomniane w ngPluralingSwitch dyrektywach . Robi &lt;ng-container&gt; robi to samo co &lt;template&gt;, czy też zależy to od tego, czy napisano dyrektywę, aby użyć jednego z nich? Są &lt;ng-container …
7
Angular2 - czy w szablonie powinny być dostępne zmienne prywatne?
Jeśli zmienna jest zadeklarowana privatew klasie komponentu, czy powinienem mieć do niej dostęp w szablonie tego komponentu? @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 Name"; //declared …
9
Jak obciąć tekst w Angular2?
Czy istnieje sposób, żebym mógł ograniczyć długość ciągu do znaków liczbowych? na przykład: muszę ograniczyć długość tytułu do 20 {{ data.title }}. Czy jest jakaś rura lub filtr ograniczający długość?
4
Przekaż wyliczenia w szablonach widoków angular2
Czy możemy używać wyliczeń w szablonie widoku angular2? &lt;div class="Dropdown" dropdownType="instrument"&gt;&lt;/div&gt; przekazuje ciąg jako dane wejściowe: enum DropdownType { instrument, account, currency } @Component({ selector: '[.Dropdown]', }) export class Dropdown { @Input() public set dropdownType(value: any) { console.log(value); }; } Ale jak przekazać konfigurację wyliczenia? Chcę coś takiego w szablonie: …
9
NgFor nie aktualizuje danych za pomocą Pipe w Angular2
W tym scenariuszu wyświetlam listę uczniów (tablicę) do widoku z ngFor: &lt;li *ngFor="#student of students"&gt;{{student.name}}&lt;/li&gt; To wspaniałe, że aktualizuje się za każdym razem, gdy dodam innego ucznia do listy. Jednak, gdy daję się pipedo filtero imieniu studenta, &lt;li *ngFor="#student of students | sortByName:queryElem.value "&gt;{{student.name}}&lt;/li&gt; Nie aktualizuje listy, dopóki nie wpiszę …
10
Przycisk wyłączania Angular2
Wiem, że w angular2 mogę wyłączyć przycisk z [disable]atrybutem np: &lt;button [disabled]="!isValid" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; ale czy mogę to zrobić za pomocą [ngClass]lub [ngStyle]? Tak jak to: &lt;button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()"&gt;Confirm&lt;/button&gt; Dzięki.
8
Jak sprawdzić długość tablicy obserwowalnej
W moim komponencie Angular 2 mam tablicę Observable list$: Observable&lt;any[]&gt;; W moim szablonie mam &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; Ale lista $ .length nie działa w przypadku tablicy Observable. Aktualizacja: Wygląda na to, że (list $ | async) ?. …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.