在 AngularJS 中从没有隔离范围的指令调用控制器函数

由于该指令仅调用一个函数（而不是尝试在属性上设置值），因此您可以使用 $eval 而不是 $parse （具有非隔离范围）：

scope.$apply(function() {
    scope.$eval(attrs.confirmAction);
});

或者更好的是，只需使用 $apply，它将 $eval() 将其参数与范围相匹配：

scope.$apply(attrs.confirmAction);

Fiddle

---

你想在 AngularJS 中使用 $parse 服务。

所以对于你的例子：

.directive('confirm', function ($parse) {
    return {
        restrict: 'A',

        // Child scope, not isolated
        scope : true,
        link: function (scope, element, attrs) {
            element.bind('click', function (e) {
                if (confirm(attrs.confirm)) {
                    scope.$apply(function(){

                        // $parse returns a getter function to be 
                        // executed against an object
                        var fn = $parse(attrs.confirmAction);

                        // In our case, we want to execute the statement in 
                        // confirmAction i.e. 'doIt()' against the scope 
                        // which this directive is bound to, because the 
                        // scope is a child scope, not an isolated scope. 
                        // The prototypical inheritance of scopes will mean 
                        // that it will eventually find a 'doIt' function 
                        // bound against a parent's scope.
                        fn(scope, {$event : e});
                    });
                }
            });
        }
    };
});

使用 $parse 设置属性有一个问题，但当你遇到它时，我会让你越过那座桥。

---

在父作用域上显式调用 hideButton。

这是小提琴：http://jsfiddle.net/pXej2/5/

这是更新后的 HTML：

<div ng-app="myModule" ng-controller="myController">
    <input ng-model="showIt"></input>
    <button ng-hide="$parent.hideButton()" confirm="Are you sure?" confirm-action="doIt()">Do It</button>
</div>

---

我唯一的问题是，如果我不在隔离范围上传递它，我如何调用父范围上的方法？这是一个 jsfiddle，我没有使用隔离范围，并且 ng-hide 工作正常，但是，当然，对 confirmAction() 的调用不起作用，我不知道如何使它工作。

首先有一点：在这种情况下，外部控制器的作用域不是指令作用域的父作用域；外部控制器的范围是指令的范围。换句话说，指令中使用的变量名将直接在控制器的范围内查找。

接下来，写 attrs.confirmAction() 不起作用，因为此按钮的 attrs.confirmAction，

<button ... confirm-action="doIt()">Do It</button>

是字符串"doIt()"，不能调用字符串，例如"doIt()"()。

你的问题真的是：

当我将函数名称作为字符串时，如何调用函数？

在 JavaScript 中，您通常使用点表示法来调用函数，如下所示：

some_obj.greet()

但您也可以使用数组表示法：

some_obj['greet']

请注意索引值如何是字符串。因此，在您的指令中，您可以简单地执行以下操作：

  link: function (scope, element, attrs) {

    element.bind('click', function (e) {

      if (confirm(attrs.confirm)) {
        var func_str = attrs.confirmAction;
        var func_name = func_str.substring(0, func_str.indexOf('(')); // Or func_str.match(/[^(]+/)[0];
        func_name = func_name.trim();

        console.log(func_name); // => doIt
        scope[func_name]();
      }
    });
  }

---