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
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
Post a Comment