angular - Is there such thing as optional input() condition when passing value to components? -
the title may misleading, let me elaborate.
lets have collection , using ngfor bind them in html. , each collection, based on condition pass value child component. example:
<ng-template ngfor let-person="$implicit" [ngforof]="peopleaspreviouscurrentandnexttriplets" let-i=index let-last=last> <app-card [decrement]="(2 - i)" [defaultdiff]="(+30) * (2 - i)" [prevcard]="person.previous" [currentcard]="person.current" [nextcard]="person.next" ></app-card> </ng-template> as can see, we're passing [prevcard], [currentcard], [nextcard] component on every element in collection.
however don't want this.
i want pass [prevcard], [currentcard], [nextcard] when on last. , if not last want pass [currentcard].
how can here?
you use ternary operator check if on last element:
[prevcard]="last === person ? person.previous : null" then same other inputs.
Comments
Post a Comment