Andreas Eracleous

Create your first web page dynamic with AngularJS

To stay updated when a new content for devs is out, sign up!

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 .