输入事件不适用于 angularjs

Question

我在模态对话框中为回车键创建了一个事件，但由于某种原因它无法正常工作。

  (function () {
        'use strict';

        var app = angular.module('myModule')
        .directive('ngEnterKey', function() {
            return function(scope, element, attrs) {

                element.bind("keydown keypress", function(event) {
                    var keyCode = event.which || event.keyCode;

                    // If enter key is pressed
                    if (keyCode === 13) {
                        scope.$apply(function() {
                            // Evaluate the expression
                            scope.$eval(attrs.dlEnterKey);
                        });

                        event.preventDefault();
                    }
                });
            };
        });

 <div ngEnterKey="logout()">
...
<a href="#" data-ng-click="logout()">Yes </a>
<a href="#" data-ng-click="cancel()">No </a>
...
 </div>

我不确定为什么没有触发该事件。注销方法在按钮单击时正常工作。

Answer 1

将您的元素更改为：

<div ng-enter-key="logout()">

用于触发要使用的指令的属性必须遵循一定的约定。

根据docs for directives：

Angular 规范化元素的标签和属性名称，以确定哪些元素匹配哪些指令。我们通常通过区分大小写的 camelCase 规范化名称（例如 ngModel）来引用指令。然而，由于 HTML 不区分大小写，我们在 DOM 中以小写形式引用指令，通常在 DOM 元素上使用破折号分隔的属性（例如 ng-model）。

归一化过程如下：

• 从元素/属性的前面去除 x- 和 data-。
• 将 :、- 或 _ 分隔的名称转换为 camelCase。

此外，为任何类型使用“ng-”前缀可能不被认为是一种好的形式，除非您打算将此类型直接贡献给角度源。