title: Pass model variable from controller to html using AngularJS
body: <p>I am very new to AngularJs. In my example I am trying to read two initiger value from controller model and multiple that numbers in html page by using AngularJs tag.</p>
  
  <h2>controller</h2>
  
  <pre><code>(function (angular) {
  angular.module('Invoice1', [])
  .controller('InvoiceController', function () {
      this.qty = 1;
      this.cost = 2;
    });
  })
  </code></pre>
  
  <h2>Html</h2>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app&gt;
  &lt;head&gt;
   &lt;title&gt;AngularJs Form Test 2&lt;/title&gt;
   &lt;link href="Content/bootstrap.min.css" rel="stylesheet" /&gt;
   &lt;script src="Scripts/angular.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="invController.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
   &lt;body&gt;
    &lt;div id="calculateNumber" ng-app="Invoice1" ng-controller="InvoiceController as invoice"&gt;
      &lt;div&gt;
          Quantity : &lt;input type="number" min="0" ng-model="invoice.qty" /&gt;
      &lt;/div&gt;
      &lt;div&gt;
          Costs : &lt;input type="number" min="0" ng-model="invoice.cost" /&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;b&gt;Total: &lt;/b&gt; {{invoice.qty * invoice.cost | currency}}
      &lt;/div&gt;
    &lt;/div&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>