Angular Basic

<!DOCTYPE html>
<html>
<head>
<script src="www.ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
  <meta charset="utf-8">
  <title>MVC pattern in AngulaJS</title>
 
  <script type="text/javascript">
 //defining module
 var app=angular.module("app",[]);
   
 //defining controller
 app.controller('Ctrl', function ($scope)
    {
 
  //defining book's authors model
  var bookAuthors=["Leardershiop","Human"]

  //defining book viewmodel
  $scope.books = { id: 'ABXY01', name: 'Welcome to this blog',
  authors: bookAuthors}
 });

</script>
</head>
<body ng-app="app">
<div ng-controller="Ctrl">
  <table>
   <tr>
      <td>Book Id :</td><td><span ng-bind="books.id"></span></td>
   </tr>
   <tr>
      <td>Name :</td><td><span ng-bind="books.name"></span></td>
   </tr>
   <tr>
      <td>Authors :</td><td> <span ng-bind="books.authors"></span></td>
   </tr>
 </table
</div>
</body>
</html>