title: AngularJS expressions not working
body: <p>I'm not able to display expression in AngularJS. Below is my the HTML code.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html data-ng-app="appname"&gt;
  &lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="javascript.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div data-ng-controller="appCtrl"&gt;
      &lt;p&gt;{{appname.product.name}}&lt;/p&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is <code>javascript.js</code> file:</p>
  
  <pre><code>(function () {
      var appname = angular.module('appname', []);
  
      var gem = {
          name: "Ring",
          price: 2.9,
          Description: "",
      };
  
      appname.controller('appCtrl', function () {
          this.product = gem;
      });
  });
  </code></pre>
  
  <p>The webpage still displays: <code>{{appname.product.name}}</code>.</p>