Angular conditionally render different element

Question

I need to do something like depending on the Type property of an object, render a different component: My pipe returns a specific element Can I assign to a template variable an expression?

Simplest way to do this?

Thanks in advance

  <ng-template let-data="contentArray | pipeFilter:val" >


            <div [ngSwitch]="data?.Type">
              <input *ngSwitchCase="'TextBox'"  />

              <span *ngSwitchDefault ></span>
            </div>

    </ng-template>

Answer 1

Try using the interpolation {{}} to evaluate the expression.