title: Angular controller not working
body: <p>I'm newbie to angular
  My angular controller is:</p>
  
  <pre><code>var chatApp = angular.module('chatApp.controllers', []);
  
  chatApp.controller('loginController', ['$scope', function($scope) {
  $scope.user_name="name";
  $scope.user_password="name";
  }]);
  </code></pre>
  
  <p>the app.js is:</p>
  
  <pre><code>'use strict';
  angular.module('chatApp', [
  'ui.router',
  'chatApp.filters',
  'chatApp.services',
  'chatApp.directives',
  'chatApp.controllers'
  ]).config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
      .state('login', {
          url: "/login",
          templateUrl: "partials/login.html",
          controller : "loginController"
      })
  });
  </code></pre>
  
  <p>login.html is:</p>
  
  <pre><code>&lt;div&gt;
  &lt;div id="wrapper"&gt;
      &lt;form name="login-form" class="login-form" action="" method="post"&gt;
          &lt;div class="header"&gt;
              &lt;h1&gt;Login Form&lt;/h1&gt;
          &lt;/div&gt;
          &lt;div class="content"&gt;
              &lt;input name="username" type="text" class="input username" placeholder="{{user_name}}" /&gt;
              &lt;div class="user-icon"&gt;&lt;/div&gt;
              &lt;input name="password" type="password" class="input password" placeholder="{{user_password}}" /&gt;
              &lt;div class="pass-icon"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I've used stateprovider for routing.
  But, it's not showing anything in placeholder. What is the reason?</p>