Is there an equivalent of Vue's `v-show` in Angular so that the component is hidden, but still in DOM?
v-show is simply sugar syntax for adding style="display: none". While I'm not aware of anything like that built into angular, it's trivial to build your own directive that will achieve the same result (code not tested):
@Directive({
  selector: 'appHidden',
})
class HiddenDirective {
 @Input('appHidden')
 isHidden: boolean = false;

 @HostBinding('style.display')
 get displayStyle() {
   return this.isHidden ? 'none' : undefined;
 }
}

Usage:
<div [appHidden]="shouldBeHidden"></div>


There are some situations where it's better to keep a hidden component in DOM. In Vue there the v-show in addition to the v-if. But in Angular I didn't find an equivalent? So the best solution is to use s.th. like [ngStyle]="{ 'display': showMe ? 'block' : 'none' }"?
EDIT: I also could set the hidden attribute, which should have a very similar effect, e.g. [hidden]="!showMe".
Is there actually a reason why Vue.js did include v-show instead of simply using :hidden?
