Rendering HTML at run-time using <ionic> components

I’m tying to create a dynamic form builder using Ionic components, e.g:

<ion-input type="tel"></ion-input>

After running “ionic serve” it would generally render as:

<ion-input type="tel" ng-reflect-type="tel" class="ng-pristine ng-valid ng-touched">
    <input class="text-input ng-pristine ng-valid ng-touched" autocomplete="off" autocorrect="off" ng-reflect-type="tel" type="tel" ng-reflect-placeholder="" placeholder=""">
    
    <!--template bindings={"ng-reflect-ng-if": "false"}-->
    <button class="text-input-clear-icon disable-hover button button-clear" clear="" type="button" ng-reflect-clear="" ng-reflect-hidden="true" hidden=""><span class="button-inner"></span><ion-button-effect></ion-button-effect></button>
    <!--template bindings={"ng-reflect-ng-if": "false"}-->
</ion-input>

Is it possible to force Ionic to render this output at run-time?