In this tutorial, we would set up AngularJS and test it to make sure it works. We would do this is 7 simple steps. I would recommend you try to follow along. Also leave a comment if you have any challenges.<\/p>\n
<\/p>\n
Step 1<\/b>: Open Notepad<\/p>\n
Step 2<\/b>: Paste the code below into notepad
\n<\/p>\n
<\/p>\n
<\/p>\n
<!doctype html><\/span>\r\n<html<\/span> ng-app<\/span>><\/span>\r\n <head><\/span>\r\n <title><\/span>KTG AngularJS Tutorial<\/title><\/span>\r\n <script <\/span>src=<\/span>\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.5.6\/angular.min.js\"<\/span>><\/script><\/span>\r\n <\/head><\/span>\r\n <body><\/span>\r\nMy First Program\r\n <\/body><\/span>\r\n<\/html><\/span>\r\n<\/pre>\n <\/p>\n
Step 3<\/b>: Save with\u00a0 a name test.html (you can choose another name, but it must end in .html).<\/p>\n
Step 4:<\/b> Open the location you\u00a0 saved the file. Right-click and open the file in internet explorer
\nIf it displays a web page with the text KTG AngularJS Tutorial, the congrat. If not, let me know in the comment box below.<\/p>\n
In this setup we have used\u00a0 the CDN link for AngularJS. CDN means content delivery network, which hosts the angular.js file.
\nNow you need to download a copy of angular.js file to your computer and replaces the CDN link in the head with the link to the file you downloaded. So let’s continue in step 5.<\/p>\n
Step 5<\/b>: Click on this link to download angularJS<\/a> –\u00a0 and place it in the same folder as the file we create in step 2.<\/p>\nNow the folder should contain two files<\/p>\n
\n- angular.min.js<\/li>\n
- test.html<\/li>\n<\/ul>\n
Step 6<\/b>: Open the test.html file in notepad and replace the script tag with this one:<\/p>\n
<\/p>\n
<\/p>\n
<script <\/span>src=<\/span>\"angular.min.js\"<\/span>><\/script><\/span><\/pre>\n <\/p>\n
Step 7:<\/b> Save the changes and test the file again by opening it in Internet explorer (chrome or Firefox or any other browser)
\nIf it open the web page and displays the same message as before then you are good to go.<\/p>\n
<\/p>\n
Download Notepad++<\/b>
\n<\/b>We could actually continue using notepad, but just to make it a bit easier for us, we would be using Notepad++ in subsequent tutorials. Download Notepad++ from here.<\/a>
\n
\n<\/a>Thank for your effort.<\/p>\n