javascript - 注册 angularjs Controller 不返回任何内容

Question

我正在 angularjs 中创建我的第一个 Controller ，但是我似乎无法让它调用 register 函数，因为没有打印任何 console.log 消息。我已将按钮设置为键入 submit，然后在表单中调用 ng-submit="vm.register()"。但是控制台中没有任何消息，甚至没有错误？

html

<div class="col-md-5" ng-app="KryptoApp" ng-controller="RegisterController">
    <form id="sign_up" ng-submit="vm.register()" novalidate>
        <div class="box_form">
            <div class="form-group">
                <label>Email</label>
                <input type="email" class="form-control" ng-model="vm.email" placeholder="Din email">
            </div>
            <div class="form-group">
                <label>Brugernavn</label>
                <input type="text" class="form-control" ng-model="vm.username" placeholder="Dit brugernavn">
            </div>
            <div class="form-group">
                <label>Adgangskode</label>
                <input type="password" class="form-control" ng-model="vm.password1" placeholder="Din adgangskode">
            </div>
            <div class="form-group">
                <label>Adgangskode bekræftelse</label>
                <input type="password" class="form-control" ng-model="vm.password2" placeholder="Bekræft din adgangskode">
            </div>
            <div class="checkbox-holder text-left">
                <div class="checkbox_2">
                    <input type="checkbox" value="accept" id="check_2" name="check">
                    <label for="check_2">
                        <span>I Agree to the
                            <strong>Terms &amp; Conditions</strong>
                        </span>
                    </label>
                </div>
            </div>
            <div class="form-group text-center add_top_30">
                <button class="btn_1" id="sign_up_btn" type="submit">Opret</button>
            </div>
        </div>
    </form>
</div>

Controller

    (function () {
    'use strict';

    angular
      .module('KryptoApp')
      .controller('RegisterController', RegisterController);

    RegisterController.$inject = ['$location', '$scope', 'Authentication'];


    function RegisterController($location, $scope, Authentication) {
      var vm = this;

      vm.register = register;


      function register() {
        Authentication.register(vm.email, vm.password1, vm.password2, vm.username);
        console.log('test');
      }
    }
  })();

Answer 1

您需要使用controller as语法

div class="col-md-5" ng-app="KryptoApp" ng-controller="RegisterController as vm">