Skip to main content

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.




Comments