AngularJS ngSubmit沒有調用控制器功能

Question

我有一個表單，我正在嘗試使用ng-submit，但它沒有調用控制器函數submit（）

的index.html

...
<body ng-app="app">

    <div ng-view></div>
    <!-- In production use:
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
    -->
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="js/services.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/filters.js"></script>
    <script src="js/directives.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/app.js"></script>
</body>

表格：

<div class="container">
    <form class="form-signin" name="login" id="loginForm" ng-submit="submit()">
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="text" class="input-block-level" placeholder="Email Address" name="email" ng-model="formData.email">
        <input type="password" class="input-block-level" placeholder="Password"  name="password" ng-model="formData.password">
        <label class="checkbox">
            <input type="checkbox" value="remember-me"> Remember Me
        </label>
        <input class="btn btn-large btn-primary" type="submit">
    </form>
</div>

還有我的app.js：

'use strict';
var app = angular.module('app',['ngRoute', 'app.controllers']);

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

而我的controller.js：

'use strict';

/* Controllers */

angular.module('app.controllers', [])

.controller('loginController', ['$http', function($scope, $http) {
    $scope.formData = {};
    console.log('Controller Loaded');
    $scope.submit = function() {
        console.log('Click');
        $http({
            method: 'POST',
            url: 'http://localhost:8080/RoommateAPI/authentication/login',
            data: $scope.formData,
            headers: {'Content-Type': 'application/json'}
        }).success(function(data, status, headers, config) {
            console.log(data);
        }).error(function() {
            console.log("ERROR")
        });
    }
}]);

當我點擊提交它並沒有錯誤或做任何事情真的...感覺我錯過了一些明顯的東西，但我看了這個，一切看起來都是一樣的。

我嘗試過的：

將控制器整合到app.js中
從標記中刪除了控制器的雙重聲明

Answer 1

您的參數在控制器的構造函數中是錯誤的。 你有：

app.controller('loginController', ['$http', function($scope, $http) {

將此更改為：

app.controller('loginController', ['$scope', '$http', function($scope, $http) {

Answer 2

嘗試將表單標記放在div中，然后在此div而不是表單上聲明控制器。

AngularJS ngSubmit沒有調用控制器功能

問題描述

2 個解決方案

解決方案1
3 已采納 2014-08-25 19:43:33

解決方案2
0 2014-08-25 19:19:24

AngularJS ngSubmit沒有調用控制器功能

問題描述

2 個解決方案

解決方案1 3 已采納 2014-08-25 19:43:33

解決方案2 0 2014-08-25 19:19:24

解決方案1
3 已采納 2014-08-25 19:43:33

解決方案2
0 2014-08-25 19:19:24