Controller is not getting called in angularjs
<p>I am working on angular js app. I am unable to call my controller in my app on click of button submit. Please check below sample code:</p>

<p><strong>index.html</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en" ng-app="adminsuite"&gt;
&lt;head&gt;
    &lt;meta charset ="utf-8"&gt;
    &lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script src="bundle.js" charset="utf-8"&gt;&lt;/script&gt;
&lt;div class="container"&gt;
    &lt;div ui-view&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><strong>login.html</strong></p>

<pre><code>&lt;div class="col-md-6 col-md-offset-3"&gt;
&lt;h2&gt;Login&lt;/h2&gt;
&lt;form name="form" ng-submit='login()' role="form"&gt;
    &lt;div class="form-group" ng-class="{ 'has-error': form.username.$dirty &amp;&amp; form.username.$error.required }"&gt;
        &lt;label for="username"&gt;Username&lt;/label&gt;
        &lt;input type="text" name="username" id="username" class="form-control" ng-model="username" required /&gt;
        &lt;span ng-show="form.username.$dirty &amp;&amp; form.username.$error.required" class="help-block"&gt;Username is required&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="form-group" ng-class="{ 'has-error': form.password.$dirty &amp;&amp; form.password.$error.required }"&gt;
        &lt;label for="password"&gt;Password&lt;/label&gt;
        &lt;input type="password" name="password" id="password" class="form-control" ng-model="password" required /&gt;
        &lt;span ng-show="form.password.$dirty &amp;&amp; form.password.$error.required" class="help-block"&gt;Password is required&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class="form-actions"&gt;
        &lt;button type="button" ng-disabled="form.$invalid" class="btn btn-primary"&gt;Login&lt;/button&gt;
    &lt;/div&gt;
&lt;/form&gt;
</code></pre>

<p></p>

<p><strong>index.js</strong></p>

<pre><code>window.onpopstate = function (e) { window.history.forward(1); }
require('jquery/dist/jquery.js');
 require('bootstrap/dist/css/bootstrap.css');
 require('./content/common.css');
require('angular');
require('angular-ui-router/release/angular-ui-router.js');
 require('angular-route/angular-route.js');
require('angular-cookies/angular-cookies.js');
angular.module('adminsuite',  ['ui.router','ngCookies']).config(function($stateProvider, $urlRouterProvider) {

$urlRouterProvider.otherwise('/');
$stateProvider
    .state('login', {
        url: '/',
        templateUrl: 'Login/login.html',
        controller: 'loginController'
    })
    // HOME STATES AND NESTED VIEWS ========================================
    .state('dashboard', {
        url: '/dashboard',
        templateUrl: 'views/dashboard.html',
    });

    // ABOUT PAGE AND MULTIPLE NAMED VIEWS =================================

});
require('./Login/loginController.js');

require('./services/loginAuthenticationService.js');
require('./services/UserServices.js');
</code></pre>

<p><strong>loginController.js</strong></p>

<pre><code>angular
    .module('adminsuite')
    .controller('loginController', ['$location', '$rootScope', 'AuthenticationService', '$scope', '$state', function($location, AuthenticationService, $scope, $state) {
    $scope.login = function(){
        $scope.dataLoading = true;
        AuthenticationService.Login($scope.username, $scope.password, function (response) {
            if (response.success) {
                AuthenticationService.SetCredentials($scope.username, $scope.password);
                console.log('Login successful');
                //$rootScope.state = true;
                $state.go('dashboard');
            } else {
                console.log(response.message);
                $scope.dataLoading = false;
                //$rootScope.state = false;
            }
        });
    };
 }
</code></pre>

<p>]);</p>

<p>I am not getting any error in console section of browser or in command prompt.</p>