How to insert the required derictive on click?

Question

Angular

The situation is this:
there is a derictive and (as long as there is simple html for the test) how to insert one or another, by clicking on the button, so that it would normally load, do everything, etc., in general, behave as if it was there when it loaded?
Or suppose I need to insert 5 times?
Is this possible or is there another way to look?