Untitled

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF-8">

        <!--Mandatory links for styles and scripts-->
        <link rel = "stylesheet" type = "text/css" href = "external/semantic/semantic.css">

        <script type = "text/javascript" src = "external/js/jquery.min.js"></script>
        <script type = "text/javascript" src = "external/semantic/semantic.js"></script>

        <script type = "text/javascript" src = "external/angular-1.5.6/angular.js"></script>
        <script type = "text/javascript" src = "external/angular-1.5.6/angular-route.js"></script>

        <!--Own scripts and styles-->
        <link rel = "stylesheet" type = "text/css" href = "app/styles/main.css">

        <script type = "text/javascript" src = "app/modules.js"></script>
        <script type = "text/javascript" src = "app/controllers/loginController.js"></script>
        <script type = "text/javascript" src = "app/validations/loginFormValidation.js"></script>
    </head>
    <body data-ng-app = "loginApp">
        <div class = "ui middle aligned center aligned grid" data-ng-app = "loginController">
            <div class = "column">
                <h2 class = "ui icon header">
                  <i class = "settings icon"></i>
                  <div class = "content">
                    Inicia sesión.
                  </div>
                </h2>
                <form class = "ui form segment">
                    <div class = "field">
                        <div class = "ui left icon input">
                            <i class = "user icon"></i>
                            <input type = "text" name = "username" data-validate = "username" placeholder = "Nombre de usuario" data-ng-model = "username">
                        </div>
                    </div>
                    <div class = "field">
                        <div class = "ui left icon input">
                            <i class = "lock icon"></i>
                            <input type = "password" name = "password" data-validate = "password" placeholder = "Contraseña" data-ng-model = "password">
                        </div>
                    </div>
                    <div class = "ui error message"></div>
                    <button type = "submit" class = "ui teal fluid submit button" ng-click = "loginUser()">
                        Login
                    </button>
                    <div class = "ui divider"></div>
                    <a href="#">Olvidaste la contraseña?</a>
                </form>
            </div>
        </div>
    </body>
</html>

var login = angular.module('loginApp', ['ngRoute']);

login.controller('loginController', function($scope) {
    $scope.loginUser = function (username, password) {
         console.log($scope.username);
        console.log($scope.password);
    }
});

$(document).ready(function() {
    $('.ui.form')
      .form({
        fields: {
            username: {
                identifier: 'username',
                rules: [{
                    type: 'empty',
                    prompt: 'Ingresa tu usuario.'
                }]
            },
            password: {
                identifier: 'password',
                rules: [{
                    type: 'empty',
                    prompt: 'Ingresa la contraseña.'
                }]
            }
        }
    });
});

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "UTF-8">

        <!--Mandatory links for styles and scripts-->
        <link rel = "stylesheet" type = "text/css" href = "external/semantic/semantic.css">

        <script type = "text/javascript" src = "external/js/jquery.min.js"></script>
        <script type = "text/javascript" src = "external/semantic/semantic.js"></script>

        <script type = "text/javascript" src = "external/angular-1.5.6/angular.js"></script>
        <script type = "text/javascript" src = "external/angular-1.5.6/angular-route.js"></script>

        <!--Own scripts and styles-->
        <link rel = "stylesheet" type = "text/css" href = "app/styles/main.css">

        <script type = "text/javascript" src = "app/modules.js"></script>
        <script type = "text/javascript" src = "app/controllers/loginController.js"></script>
        <script type = "text/javascript" src = "app/validations/loginFormValidation.js"></script>
        <script type = "text/javascript" src = "app/configs/mainRoutes"></script>
    </head>
    <body data-ng-app = "loginApp">
        <div data-ng-view></div>
    </body>
</html>

login.config(function ($routeProvider) {
    $routeProvider
        .when('/', {
            controller: 'loginController',
            templateUrl: 'app/partials/login/loginFormView.html'
        })
        .otherwise({
            redirectTo: '/'
        });
});

<div class = "ui middle aligned center aligned grid">
    <div class = "column">
        <h2 class = "ui icon header">
          <i class = "settings icon"></i>
          <div class = "content">
            Inicia sesión.
          </div>
        </h2>
        <form class = "ui form segment">
            <div class = "field">
                <div class = "ui left icon input">
                    <i class = "user icon"></i>
                    <input type = "text" name = "username" data-validate = "username" placeholder = "Nombre de usuario" data-ng-model = "username">
                </div>
            </div>
            <div class = "field">
                <div class = "ui left icon input">
                    <i class = "lock icon"></i>
                    <input type = "password" name = "password" data-validate = "password" placeholder = "Contraseña" data-ng-model = "password">
                </div>
            </div>
            <div class = "ui error message"></div>
            <button type = "submit" class = "ui teal fluid submit button" ng-click = "loginUser()">
                Login
            </button>
            <div class = "ui divider"></div>
            <a href="#">Olvidaste la contraseña?</a>
        </form>
    </div>
</div>