javascript - AngularJS动态调用函数

Question

此时，我还是 AngularJS 的新手。

这有效:

scope.$apply(scope.hideTooltip());

但是动态调用该函数不起作用:

scope.$apply(
  scope.$eval(attrs.ngEnter, {'event': event})
);

HTML:

<input type="text" ng-model="value" ng-enter="hideToolTip()" />

整个指令:

   app.directive('ngEnter', function() {
            return function(scope, element, attrs) {
                console.log(scope.hideTooltip());
                element.bind("keydown keypress", function(event) {
                    if(event.which === 13) {
                        console.log(attrs.ngEnter);
                        scope.$apply(
                            scope.$eval(attrs.ngEnter, {'event': event})
                        );
                        event.preventDefault();
                    }
                });
            };
        });

那么，如何在 AngularJS 指令中动态调用函数？

Answer 1

似乎您错过了 HTML 中 Controller 方法的参数

// you have missed the event parameter.

<input type="text" ng-model="value" ng-enter="hideToolTip(event)" />

app.directive('ngEnter', function() {
    return function(scope, element, attrs) {

      element.bind("keydown keypress", function(event) {
        if (event.which === 13) {

          console.log(attrs.ngEnter);
          scope.$apply(
            scope.$eval(attrs.ngEnter, {
              'event': event
            })
          );
          event.preventDefault();
        }
      });
    };
  });

在 Controller 中

 $scope.hideToolTip = function(event) {
    console.log(event);
  }

这是DEMO

附注由于您绑定(bind)了 keydown 和 keypress 事件，这将在按 ENTER 后调用 Controller 函数两次。

并且不要忘记删除 console.log(scope.hideTooltip()); 行。