title: How Do I render an ng-container or ng-template without *ngIf?
body: <p>I need to add the <code>tappable</code> directive to the <code>ion-card</code> component inside a custom component. I use an <code>@Input() myInputBool</code>, something like:</p>
  <pre><code>&lt;ng-container *ngIf=&quot;myInputBool&quot;&gt;
      &lt;ion-card&gt;
          &lt;ng-container render=&quot;myContent&quot;&gt;&lt;/ng-container&gt;
      &lt;/ion-card&gt;
  &lt;/ng-container&gt;
  
  &lt;ng-container *ngIf=&quot;!myInputBool&quot;&gt;
      &lt;ion-card tappable&gt;
          &lt;ng-container render=&quot;myContent&quot;&gt;&lt;/ng-container&gt;
      &lt;/ion-card&gt;
  &lt;/ng-container&gt;
  
  &lt;ng-container #myContent&gt;
      This is my content
  &lt;/ng-container&gt;
  </code></pre>
  <p>Of course it does not work because there are no &quot;render&quot; option. So far my workaround was adding an inexistent variable in the ng-container</p>
  <pre><code>&lt;ng-container *ngIf=&quot;thisVariableDoesNotExist else myContent&quot;&gt; &lt;/ng-container&gt;
  </code></pre>
  <p>But it feels bad and hacky. Is there a better way to this?</p>