AngularJS logoAngularJS logo

jQuery is my go-to JavaScript framework. I mean who would need another one? So off I went to find a simple AngularJS “Hello World” tutorial. It is pretty impressive at first glance — have a look!

Look no further than the AngularJS homepage:

1. HTML

<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  </head>

  <body>
    <div>
      <fieldset>
        <label>Start typing your name:</label>
        <input type="text" ng-model="yourName" placeholder="Enter a name here">
      </fieldset>
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>

</html>

2. JSFiddle

THAT, ladies and gentlemen, is a “Hello World”!


References:

  1.  Angular. (No date) Angular. Available at: https://angular.io/ (Accessed: 8 January 2024).
  2. ViralPatel.net. (2020) AngularJS: Introduction and Hello World example. Available at: https://www.viralpatel.net/angularjs-introduction-hello-world-tutorial/ (Accessed: 8 January 2024).

By MisterFoxOnline

Mister Fox AKA @MisterFoxOnline is an ICT, IT and CAT Teacher who has just finished training as a Young Engineers instructor. He has a passion for technology and loves to find solutions to problems using the skills he has learned in the course of his IT career.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.