title: Angular controller scope/variables not appearing
body: <p>I'm trying to clean up my code such that it corresponds to John Papa's Angular style guide but in the process broke something and my controller no longer appears in ng-inspector.  If I can get vm.message to display I can figure out the rest (though any general feedback is appreciated :))</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(function () {
    "use strict";
  
    angular
      .module('roomchoice.manager-dashboard.alerts', [
        'ui.router'
      ])
  
      .config(function config($stateProvider) {
        $stateProvider.state('manager.alerts', {
          url: '/alerts',
          views: {
            "main": {
              controller: 'AlertsController',
              templateUrl: 'manager-dashboard/alerts/alerts.tpl.html'
            }
          },
          data: {
            pageTitle: 'Alerts'
          }
        });
      })
  
      .controller('AlertsController', AlertsController);
  
      function AlertsController($scope, Restangular) {
        var vm = this;
  
        vm.message = "Hello";
        vm.settlements = [];
        vm.undepositedPayments = [];
        vm.unapprovedFunnels = [];
        vm.getSettlements = getSettlements;
        vm.getUndepositedPayments = get_UndepositedPayments;
        vm.getUnapprovedFunnels = get_unapprovedFunnels;
  
        function getSettlements() {
          Restangular.all('alerts/get_settlements').getList().then(function(settlements){
            vm.settlements = settlements;
            return vm.settlements;
          });
        }//End of getSettlements
  
        function getUndepositedPayments() {
          Restangular.all('alerts/get_undepositedpayments').getList().then(function(undepositedpayments){
            vm.undepositedPayments = undepositedpayments;
            return vm.undepositedPayments;
          });
        }//End of getUndepositedPayments
  
        function getUnapprovedFunnels() {
          Restangular.all('alerts/get_unapprovedfunnels').getList().then(function(unapprovedfunnels){
            vm.unapprovedFunnels = unapprovedfunnels;
            return vm.unapprovedFunnels;
          });
        }//End of getUnapprovedFunnels
      }//End of Controller
  })();//End of Module</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="main" ng-controller="AlertsController as alerts"&gt;
   &lt;div&gt;
    &lt;h1&gt;Alerts (Under Construction) &lt;/h1&gt;
    &lt;h2&gt;{{alerts.message}}&lt;/h2&gt;
   &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>