2015-12-23 11 views
6

Zacząłem robić badania nad użyciem Angular2 i jednym z pytań, na które nie mogłem znaleźć rozwiązania. Mam wymóg, aby w zależności od danych, które otrzymuję z mojego modelu, ładować różne szablony dla danego komponentu. Jest to związane głównie z utrzymaniem różnych układów w zależności od otrzymywanych danych. czy to możliwe?Angular2 dynamicznie ładuje szablon

Dzięki

Odpowiedz

2

Angular 2 faworyzuje podejście do składu komponentów do budynku UI. Z tego powodu nie powinieneś naprawdę kończyć się dużymi szablonami, a jeśli tak, to może lepiej podzielić je na kilka komponentów pomocniczych (nawet jeśli zapewniają tylko układ).

W przypadkach, gdy szablon nie jest naprawdę duży, można warunkowo renderować na podstawie właściwości jakiegoś składnika za pomocą dyrektywy *ngIf.

Innym sposobem podejścia byłoby wdrożyć trasy na tym poziomie komponentów, a następnie programowo drogę do tych tras po otrzymaniu danych z router.navigate(['./MySubcomponent'])

0

Można powiedzieć, że jest to główny składnik, gdzie można uzyskać dane. Na podstawie danych można wybrać, który podskładnik ma być używany. W każdym podskładniku można zdefiniować szablon dla określonych danych.

Jeśli dane są małe, możesz przełączać się między html, używając * ngSwith lub * ngIf w szablonie głównego składnika.

Powiązane problemy