title: My view is not binding the angular module
body: <p>Hi this is my first day in angular and trying to play around with some code however I am lost around with the app.js file which throws error as <code>Uncaught SyntaxError: Unexpected token .</code></p>
  
  <p>Here is my structure of application which I cloned from angular-seed and did some cleanup.</p>
  
  <p><code>index.html</code></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;Currency Converter&lt;/title&gt;  
      &lt;link rel="stylesheet" href="style.css"&gt;
      &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"&gt;
      &lt;script src="app.js"&gt;&lt;/script&gt; 
      &lt;script src="finance.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-app="myApp" ng-controller="MyAppCtrl as app"&gt;
          &lt;b&gt;Currency Converter&lt;/b&gt;
          &lt;div&gt;
              &lt;input type="number" ng-model="app.amount" required &gt;
              &lt;select ng-model="app.inCurr"&gt;
                  &lt;option ng-repeat="c in app.currencies"&gt;{{c}}&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
          &lt;div&gt;
              &lt;input type="number" ng-model="app.amount" required &gt;
              &lt;select ng-model="app.inCurr"&gt;
                  &lt;option ng-repeat="c in app.currencies"&gt;{{c}}&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><code>app.js</code></p>
  
  <pre><code>(function(){
      'use strict';
      angular.module('myApp', ['finance']);
      .controller('MyAppCtrl', ['currencyConverter', function(currencyConverter) {
          this.amount=1;
          this.inCurr="EUR";
          this.currencies=currencyConverter.currencies;
      }]);
  }());
  </code></pre>
  
  <p><code>finance.js</code></p>
  
  <pre><code>(function(){
      'use strict';
      angular.module('finance', []);
      .factory('currencyConverter', ['$http', function($http) {
          //var yahoo_finance_rest_api=https://query.yahooapis.com/v1/public/yql?   q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22EURUSD%22%2C%22GBPUSD%22%2C%22EURGBP%22%2C%22CNYUSD%22%2C%22CNYGBP%22%2C%22CNYEUR%22)&amp;format=json&amp;diagnostics=true&amp;env=store%3A%2F%2Fdatatables.org%2Falltableswithkeys&amp;callback=
          var currencies = ['USD', 'EUR', 'CNY', 'GBP'];
      }]);
  }());
  </code></pre>
  
  <p>Any idea what's going wrong with this code? </p>