Javascript对象作为Angular指令属性中的函数参数

Question

该标题是一个满口！我有一些由另一位开发人员编写的代码，并且无法解释他自己。我们没有留在办公室可以弄清楚它为什么有效。任何帮助，将不胜感激！

我们有许多指令将控制器中定义的函数的结果用作属性之一。控制器上的方法看起来像这样。

$scope.required = function(pathString, object){ 
    /* 
    pathString is a string representation pointing to a property in object 
    object is 
    Returns true/false for the property described 
    in the path string and the state of the object. 
    */ 
} 

通常，当我们在html文件中使用它作为指令实现的属性值时，它看起来像这样。

<normal-directive 
    isrequired='required("Path.to.property", object)'></normal-directive> 

奇怪的指令在声明中并不显眼。它的定义与正常指令相同。

directive('weirdDirective', function(){ 
    return { 
    restrict: 'E', 
    scope: { 
     required: '&isrequired' 
    }, 
    templateUrl: 'path/to/template' 
    } 
}); 

奇怪的是在执行。这两个新的变量fieldpath和item不会出现在正常指令中传递给函数的字符串和对象。

<weird-directive 
isrequired='required(fieldpath, item)'></weird-directive> 

变量fieldpath和item不会出现在控制器或怪异指令声明中的任何位置。但是，它们存在于奇怪的指令模板中，如下所示。

<div class='weird-directive'> 
<normal-directive 
    isrequired='required({fieldpath:'Path.to.property', item: object})'></normal-directive> 
</div> 

这给我提出了各种各样的问题。我认为所需的调用是在父范围内执行的，所以我不明白它是如何使用似乎在模板中赋值的变量。此外，对象通常作为单个参数传递，但它们似乎已经在这里被分离出来以提供所需的两个参数。

我非常想了解这是如何工作的，所以任何帮助或解释将不胜感激！

Answer 1

“我想调用需要的是在父范围内执行”

正确，功能是在父范围进行评估。

“所以我不明白它是如何对出现的变量是 模板分配一个值”

不完全是，什么情况是略有不同。

让我们来看看DDO。

return { 
    restrict: 'E', 
    scope: { 
     required: '&isrequired' 
    }, 
    templateUrl: 'path/to/template' 
    } 

和在父范围的函数：

$scope.required = function(pathString, object){ 

} 

的&符号表示传递到的是，如你所提到的，在父范围evalueted函数的引用，但是该文件解释如果该方法需要一些参数，则必须将函数的名称与这些参数一起传递：

<weird-directive 
isrequired='required(fieldpath, item)'></weird-directive> 

我知道语法co这有点误导，但是在这里我们没有调用函数，我们指定fieldpath和item是稍后在调用阶段使用的键。

现在在你的子范围内，你可以调用函数作为一个参数传递一个映射，其中每个键代表一个参数名，而对应的值是它本身。

你的情况：

<normal-directive 
    isrequired='required({fieldpath:'Path.to.property', item: object})'></normal-directive> 

最后但并非最不重要的，功能的评价只有参数的评估后发生。

希望这有助于。