动态创建模式页面

Question

I have a conceptual question, when i want create a modal in my page, always include the html of my modal in the page, something like this :

<div class="my-modal">
 <form action="/home/index">
  <input type="text" class="txt-name"/>
  <input type="text" class="txt-last-name"/>
  <input type="submit" value="register!"/>
 </form>
</div>

Usually i show this modal by jquery plugins, like blockUI and etc. Now i have some questions in my mind and i want to do the best:

• Always i should include this section in my html page, but maybe the user doesn't need to using this, maybe he need another sections but i use the memory.
• When using this modal form, always i need to reset or re-initial my modal form and it's so boring to doing this stuff when i have multiple modals in the page.

So i need a technique, plugin or etc. to handle these issues. Any idea for this?

UPDATE

After some searches i think should use some libraries like requirejs , but i don't know how...

Answer 1

RequireJS would load the template ondemand, but not the markup!

Take an eyes to this:

Angular > ng-if > custom directives (transclude: true)