Using AngularJS
So we've got a lot of the theory behind Angular down; it's time to actually put it in
place. Once we've got our application working, we'll take a look at how we can make
it shine with Bootstrap.
Let's open that index.html file again, but this time also open it up in your browser so we can see what we're working with. This is what we've got so far:
<html lang="en" ng-app>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.min.css">
<title></title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
</body>
</html>
So, we've got Bootstrap and Angular there and we've initialized our app with the ng-app attribute in the opening <html> tag; let's get cracking.We're going to have a Hello, World app with a bit of a difference. Instead of saying hello to the world, we're going to have an input field that will bind the data and echo it out in our view automatically, and we're going to do all of this without writing a
line of JavaScript.
Let's start out by getting an <h1> tag in our <body> tag:
<h1>Hello, World</h1>
If you view this in your browser, you should notice that Bootstrap has tidied up the default. We no longer have Times New Roman but instead Helvetica and those excess margins around the edge have been removed:
