Skip to content

Instantly share code, notes, and snippets.

@coderkan

coderkan/dynamic-app-component.html

Created March 15, 2020 17:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save coderkan/f5c3a4bbaedbe5f6584e213684142cae to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save coderkan/f5c3a4bbaedbe5f6584e213684142cae to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dynamic-app-component.html
<div class="card-container">
<button (click)="loadDynamicComponentsWithIndex(0);" class="btn btn-outline-danger m-2"> <img
width="40"
alt="Angular Logo"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
/>Angular</button>
<button (click)="loadDynamicComponentsWithIndex(1);" class="btn btn-outline-success m-2"><img src="https://img.icons8.com/color/48/000000/vue-js.png"/>VueJS</button>
<button (click)="loadDynamicComponentsWithIndex(2);" class="btn btn-outline-info m-2"><img src="https://img.icons8.com/color/48/000000/react-native.png"/>ReactJS</button>
</div>
<!--Dynamic component area-->
<div class="card-container">
<ng-template framework-host></ng-template>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment