Skip to main content

Posts

Showing posts with the label Dynamically add directives in AngularJs

Dynamically add directives in AngularJs

Hi, I am going to share the code sample for dynamically add directives using AngularJs. i.e.  We can say, we want to add a div that adds more divs or any other elements that do something when you click any buttons etc.  Table of Context : Click for live demo   1. HTML code sample  2. CSS code sample 3. AngularJs directives code sample 1 2 3 4 5 6 7 8 //HTML code sample <div ng-app= "dAddApp" >    <section ng-controller= "dAddCtrl" >      <display-Button-For-Add-Div></display-Button-For-Add-Div>      <div id= "displayDivs" ></div>    </section> </div> //HTML code sample <div ng-app="dAddApp"> <section ng-controller="dAddCtrl"> <display-Button-For-Add-Div></display-Button-For-Add-Div> <div id="displayDivs"></div> </section> </div> 01 02 03 ...