I\'m having a problem with trying to use Angular\'s *ngFor
and *ngIf
on the same element.
When trying to loop through the collection in th
As @Zyzle mentioned, and @Günter mentioned in a comment (https://github.com/angular/angular/issues/7315), this is not supported.
With
-
{{log(thing)}}
{{thing.name}}
there are no empty elements when the list is empty. Even the
element does not exist (as expected).
When the list is populated, there are no redundant container elements.
The github discussion (4792) that @Zyzle mentioned in his comment also presents another solution using This solution also does not introduce any extra/redundant container elements. (below I'm using your original markup ‐ using