Skip to main content

Posts

Showing posts with the label NetBeans

First Angular Application

First Angular application 1. Open NetBeans or any other editor of your choice and Select File > New Project (Ctrl + Shift + N) 2. Select HTML 5  > HTML 5 Application. Click Next. 3. Enter Project Name: AngularDemo1 and click Finish. 4. Go to AngularJS.org  and download Angular JS 1. This will download will consist of a single file angular.min.js 5. Copy the file into the Site Root folder. 6. Drag the angular.min.js file into the index.html file as shown to generate a script tag that points to angular.min.js file. 7. Now add ng-app directive to body tag. Then to test if all works as expected lets add the following code     <body ng-app>         <div>The constant pi is equal to {{22/7}}.</div>     </body> 8. Right click AngularDemo1 project and select Run . 9. The output should look as shown below.