Create your first web page dynamic with AngularJS

Sign up to stay updated on the latest content for developers!

First of all you have to go at angularjs.org  website and click on the download button for downloading the AngularJS javascript file or otherwise copy the link content distribution network (CDN). Then embed it into your HTML file like code below:

  <!DOCTYPE html>
<html ng-app>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
</head>

<body>
  <input type="text" ng-model="name" placeholder="Please type your name">
  <h3>{{name}}</h3>
</body>

</html>
 

Output:

See the Pen First page with AngularJS by Andreas Eracleous ( @Sp00ky ) on CodePen .