javascript - 访问子指令的范围参数

Question

我是 AngularJS 的新手，在一个项目中使用它两个月了。我已经学会了如何使用指令及其范围(false、true、obj 文字)，但有一些问题......

首先，我们有一些 ng-repeats 和具有某些行为的指令，我尝试在 this link 中呈现等效场景.

1. 我不知道如何访问另一个指令 myItemDirective 的指令子项内的函数(testfn - 在 ng-controller 内) 。但在 myStepDirective 中它是可以访问的，我尝试像在第一个“层”中一样传递它，但没有成功。

   PS.1:我创建了一个 myStepDirective ，其中包含其他示例的隔离范围，如果您需要，只需取消注释即可进行测试。我都有办法从父级( Controller )访问参数/函数，但不能在孙子内部访问。

2. 为什么指令的作用域参数不适用于驼峰式大小写参数？我不记得在 AngularJS 文档中阅读过一些提示... myItemDirective 中的 typewithnocase 有效，但 typeList 无效。

   <

谢谢!

Answer 1

已编辑]对于您的 1. 这是一个工作 fiddle ，具有有限的范围和驼峰到蛇的大小写转换:https://jsfiddle.net/wu0avqau/我花了很长时间不明白为什么它不起作用，但你只是忘记了第二个指令中的 ng 单击中的=

ng-click"testfn()"

对于您的2.我可以引用您的文档:https://docs.angularjs.org/guide/directive

Normalization

Angular normalizes an element's tag and attribute name to determine which >elements match which directives. We typically refer to directives by their case->sensitive camelCase normalized name (e.g. ngModel). However, since HTML is case->insensitive, we refer to directives in the DOM by lower-case forms, typically >using dash-delimited attributes on DOM elements (e.g. ng-model).

The normalization process is as follows:

Strip x- and data- from the front of the element/attributes.
Convert the :, -, or _-delimited name to camelCase."

基本上，您的 myItemDirective 将是模板内的 my-item-directive，但在 js 内仍然是 myItemDirective。

祝你好运，
蒂博·拉马什