ng-click 在用户点击两次时起作用

Question

我对 AngularJS 很陌生。我正在使用 jade 和 angular 制作一个项目。我有这个简单的表单，当我单击按钮时，该函数不会被调用。如果我双击，点击侦听器仅有效。如果我单击一下，它不会工作。

这只发生在 Mozzila

这是代码

doctype html
html(lang="en")
  title LoginForm
  link(rel="stylesheet", type="text/css", href="login.css")
  meta(name='viewport', content='width=device-width, initial-scale=1.0')
  script(src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js")
  script(src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js")
  script(type="text/javascript", src="js/functions.js") 
  script.
    var app = angular.module('WebApp', []);
    app.controller('myCtrl', function($scope) {
      $scope.login = function(){
        alert($scope.username+" & "+$scope.password);
      };
    });
  body(ng-app="WebApp")
    article.login-form(ng-controller="myCtrl")
      img.logo(src="assets/logo.png")
      form.login
        .input-box
          input(type="text", ng-model="username")
          label username
          img(src="assets/user.png")
        .input-box
          input(type="password", ng-model="password")
          label password
          img.pass(src="assets/pass.png")
        a.button.button-ink(href="#", ng-click="login()") Login
      a.forgot-pass(href="#") Forgot your password?

Answer 1

我明白了为什么要这样做。我有一个单独的脚本来产生连锁反应，但它很混乱。

ng-click 在用户点击两次时起作用

ng-click works if user clicks twice

html

angularjs

pug