1

每当我点击我的提交按钮时，什么都没有发生，目前我想做的就是打印出用户名和密码来测试那里的绑定。而且我能够与控制器交谈并打印出我在控制器中制作的硬编码消息，似乎 ng-click 不会在该方法上触发。任何帮助都会很棒，谢谢：D

<section id="register-view" class="mainbar">
    <section class="matter">
        <div class="container">
            <div class="row">
                <label>{{vm.message}}</label>
                <form class="register-form">
                    <label name="username_label"> Username: </label>
                    <input type="text" name="username" ng-model="vm.userDetails.username"/>
                    <br/>
                    <label name="password_label"> Password: </label>
                    <input type="text" name="password" ng-model="vm.userDetails.password"/>
                    <br/>
                    <button type="submit" class="btn btn-default" ng-click="vm.submitUserDetails()">Submit</button>
                </form>

            </div>
        </div>
    </section>
</section>

和控制器类

(function () {
    'use strict';

    angular
        .module('app.register')
        .controller('RegisterController', RegisterController);

    RegisterController.$inject = ['$q', 'dataservice', 'logger'];
    /* @ngInject */
    function RegisterController($q, dataservice, logger) {
        var vm = this;
        vm.message = 'baass';
        vm.userDetails = {
            username: '',
            password: ''
        }

        function activate() {
            var promises = [submitUserDetails()];
            return $q.all(promises).then(function () {
                logger.info('Activated Dashboard View');
            });
        }

        function submitUserDetails() {
            console.log('Username: ' + vm.userDetails.username);
            console.log('Password: ' + vm.userDetails.password);
        }
    }
})();
4

3 回答 3

3

您需要添加submitUserDetails控制器上下文以使其在视图中可用，因为您只定义了submitUserDetails. 您应该将其引用绑定到vm.submitUserDetails

vm.submitUserDetails = submitUserDetails;
于 2015-10-20T13:56:59.473 回答
0

该函数需要附加到 $scope

$scope.function submitUserDetails() {
        console.log('Username: ' + vm.userDetails.username);
        console.log('Password: ' + vm.userDetails.password);
    }
于 2015-10-20T13:58:31.507 回答
0

您的代码似乎有一些问题，但最大的问题是这些函数实际上并未附加到“this”（vm正如您在代码中所称的那样）。因此，它们不能被范围访问，因为它们只能在 RegisterController 函数中访问。

为了解决这个问题，我会将此代码添加到函数的底部：

this.activate = activate;
this.submitUserDetails = submitUserDetails;

同样，submitUserDetails()应该回报一个承诺，不是吗？我希望这也会导致一些时髦的行为。

于 2015-10-20T14:05:11.807 回答