当前位置: 首页 > 面试题库 >

用ng-click自动传递$ event?

郑帅
2023-03-14
问题内容

我知道,ng-click如果$event像这样传递对象,就可以访问click事件:

<button ng-click="myFunction($event)">Give me the $event</button>

<script>
  function myFunction (event) {
    typeof event !== "undefined" // true
  }
</script>

$event每次必须显式地通过都会有点烦人。是否可以设置ng-click为默认将其传递给函数?


问题答案:

看看ng-click指令源:

...
compile: function($element, attr) {
  var fn = $parse(attr[directiveName]);
  return function(scope, element, attr) {
    element.on(lowercase(name), function(event) {
      scope.$apply(function() {
        fn(scope, {$event:event});
      });
    });
  };
}

它显示了如何将event对象作为参数名称
传递ng-click表达式$event。这是通过$ parse服务完成的,该服务不允许参数 渗入 目标作用域,这意味着
答案为no ,您只能$event通过回调参数来访问对象。



 类似资料:
  • 问题内容: 我有一个简单的删除按钮,该按钮可以接受字符串或数字,但不接受ng-model变量(不确定这是否是正确的术语)。 会产生: 但是,单击时什么也没有发生。如果我对变量进行硬编码,那么它就可以正常工作。我以为我不是在以“角度”方式做事,但是我不确定那是什么方式:) 这是我的控制器代码: 问题答案: 您无需在中使用大括号(),请尝试以下操作:

  • 问题内容: 任何人都可以为该JSFiddle提供正确的方法: JsFiddle链接 我正在尝试通过.class&#ID更改元素的类。 提前致谢 感谢tymeJV,新的JSFiddle: 解 问题答案: 正确的方法是根据切换变量使用,请考虑: CSS: JS: HTML: 通过根据变量(“ toggle”)是否为或分配引用的类(在上面为“红色”)来工作。

  • 问题内容: “活动”类的CSS来自引导程序。 因此,切换作品几乎是我想要的。我希望它类似于导航链接中的活动状态,但在我的示例中,它处理图像,因此需要担心url字符串等。 我尝试模拟此示例,但没有用(我尝试了相同的图像逻辑):ng-class突出显示基于ng- repeat的活动菜单项,如果有人能指出我正确的方向,我将不胜感激。:D 问题答案: 在您遇到的情况下,我要做的是在ng-repeat的父范

  • 问题内容: 我有一个像这样的控制器: 当我尝试使用ng-click调用upload_variant_image函数时,它仅在绑定到静态DOM时才有效(当DOM加载时),我有这样的链接: 但是此元素是在DOM加载后动态添加的,因此ng-click不起作用。 但是当我在Rails中像这样更新DOM时,它不起作用: 问题答案: 我警告您,如果您通过Angular外部方法来操纵DOM,则可能不会完全接受A

  • 如果我将一个变量传递给一个函数,但将该变量标记为常量,它会自动通过引用传递吗? 测试后:没有,因为它打印不同的内存位置。 没有权利?因为我只能传递一个指向内存位置的指针,而不是真正通过引用。如下所示:在C中通过引用传递 这几乎就是我所做的Java和C#编译器在幕后所做的事情。

  • 问题内容: 从第一种观点看,似乎可以传递一些数据作为方法的参数,应在按下按钮期间调用。 但我看不出有什么区别。 我遵循了代码片段: HTML 要么 JS 两者都可以。 谢谢, 问题答案: 他们是一样的东西。您可以用来制作有效的html。