Pytania oznaczone «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

229
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...

190
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,...

155
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...

150
<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 <ng-container> robi to samo co <template>, czy też zależy to od tego, czy napisano...

127
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

98
Problem z rurą OrderBy

Nie jestem w stanie przetłumaczyć tego kodu z Angualr 1 na Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Oto, co zrobiłem zgodnie z odpowiedzią Thierry Templier: Szablon komponentu: *ngFor="#todo of todos | sort" Kod komponentu: @Component({ selector: 'my-app',...