Контроллер не связывается для просмотра

Question

Я пытаюсь создать приложение контактной формы, и в настоящее время я застрял в возможности выполнить функцию объема, определенную в моем контроллере. У меня в настоящее время ничего не выполняется этой функцией, кроме console.log, и это само по себе не работает. Я знаю, что проблема не в том, что файл неправильно включен.

Вот приложение.js:

var app = angular.module('contactFormApp', ['xtForm']);

app.controller('contactFormController', function($scope) {
    $scope.formSubmit = function() {
        console.log('success');
    }
});

Я попытался связать это в представлении следующим образом:

<div ng-controller="contactFormController">
    <form name="contactForm" xt-form role="form" focus-error="true"
              novalidate>
        <div class="row">
            <div class="col-xs-12">
                <div class="form-group">
                    <div class="col-xs-2">
                        <label for="firstName">First Name:</label>
                    </div>
                    <div class="col-xs-4">
                        <input type="text"
                        class="form-control name in-block"
                        ng-model="contactForm.firstName"
                        id="firstName"
                        autocomplete="off"
                        placeholder="First"
                        xt-validation-tooltip
                        required
                        msg-required="Please enter your first name.">
                    </div>
                </div>

И (пропуская большую часть формы) нижняя часть вида записывается следующим образом:

        <button type="submit" class="btn btn-lg" ng-click="formSumbit()">Submit</button>
    </form>
</div>