【问题标题】:ng-click works if user clicks twice如果用户单击两次,则 ng-click 有效
【发布时间】:2015-04-21 14:59:23
【问题描述】:

我对 AngularJS 很陌生。我正在使用玉和角制作一个项目。我有这个简单的表单,当我单击按钮时,不会调用该函数。点击监听器在我双击时起作用。如果我单击一下,它不起作用

这只发生在 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? 

【问题讨论】:

  • 我在 fiddlesalad.com 上试用了您的代码,单击一下即可立即运行,您确定问题不在您的环境/计算机上吗?
  • 能否调试一下,看看第一次点击会发生什么?
  • 请创建一个复制问题的演示

标签: html angularjs pug


【解决方案1】:

我知道它为什么这样做了。我有一个单独的脚本来处理弄乱它的涟漪效应。

【讨论】:

    猜你喜欢
    • 2017-10-08
    • 2017-09-10
    • 2023-03-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-01
    相关资源
    最近更新 更多