4 AngularJS - First Application _ Java Web Tutor.htm - Object1 Object2 Object3 About Us Contact Privacy Policy Java Web Tutor Developer Zone Home Java

Object 2 Object 3 • About Us • Contact • Privacy Policy Java Web Tutor Developer Zone • Home • Java • Core Java • JAXB • Design Pattern • JavaEE • EJB3 • JPA • Servlets • JSP • Frameworks • Struts • Hibernate • JSF • Spring • Spring Core • Spring MVC • Web Services • REST(JAX-RS) • Web • AngularJS • HTML5 • Misc • Maven • Ant • Log4j • Tools & Tips • Struts • Hibernate • JSF • Spring • EJB • JPA • Servlets

• JSP • Maven • Ant • JAXB • RESTful Web Services • log4j • Design Pattern • jQuery Menu Adds Home >> AngularJS AngularJS - First Application April 10, 2016 by Mukesh Kumar at 3:47 pm Steps to create AngularJS Application Let's create a simple AngularJS web application step by step. Step 1 - Load library Add following script tag in head section of your html document to load AngularJS library. <script type= "text/javascript" src= "//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js" > </script> Step 2 - Bootstrap AngularJS: An AngularJS application is bootstrapped using ng-app directive. This is the most important directive in AngularJS. It refers to the part of your HTML which will be controlled/managed by AngularJS. In this example, we used it on html tag, that means AngularJS will control the whole document. You can also put this tag on a specific element. In that case, only that element and it’s child elements will be controlled by AngularJS. Anything outside will remain inaccessible to AngularJS.