How to Include AngularJS Library in Web page via CDN ?

Published on January 29, 2016 by admin

Filed under AngularJS

Last modified January 29, 2016

Print this page

rate 1 star rate 2 star rate 3 star rate 4 star rate 5 star
Your rating: none, Average: 1.1 (14 votes)

This article have been viewed 27811 times

If you want to use AngularJS library in a web page , we just have to point your script tag to the necessary AngularJS script file .

You can either download the AngularJS script file to your server and use it or else you can use the CDN(Content Delivery Network).

In this article , we will look in to the inclusion of the AngularJS in a web page using CDN.

How to Include AngularJS Library in Web page via CDN ?

Just add the below script in the head tag of your HTML page to start with.

<script src="">

Note that the version number of angularjs that is used in the above code snippet is 1.4.9.

Once this is done , use the np-app directive to tell the HTML page to kick start the AngularJS feature.

<body ng-app>

Below is a sample Html page using AngularJS

<script src="">
<body ng-app>
<p>Name : <input type="text" ng-model="name" placeholder="Enter the name"></p>
<h1>Hello {{name}}</h1>

Leave a Comment


You might be Interested in these Posts

TypeScript for Angular Developers at Vancouver on November 8 , 2016

AngularJS Vancouver User Group is hosting its meetup on the topic "TypeScript for Angular Devel...

Orchard Collaboration 2.3.1 Web released

A new version of Orchard Collaboration v2.3.1 Web is released and is now available for download from...

How to set default value for Html.TextBoxFor in ASP.NET MVC ?

You can set the default value for the Html.TextBoxFor extension controls in ASP.NET MVC by specifyin...