0

我正在尝试构建一个联系表单应用程序，目前我坚持能够执行在我的控制器中定义的范围功能。除了 console.log 之外，我目前没有执行此功能的任何操作，仅此一项是行不通的。我知道这个问题不是因为文件没有被正确包含。

这是 app.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>
4

0 回答 0