父指令中子指令变量的访问值

Question

如何在父指令中访问子指令的变量？ 我有一个父指令，例如：

<parent-directive>
<child-directive></child-directive>
</parent-directive>

子指令包含一个对象"状态.可见" 我想在父指令中访问它。

Answer 1

我认为 AngularJs 这样做的方式可以通过在子指令中实现输出来实现。每次"状态"对象更改时，子对象都会调用输出函数，父对象可以对它做任何它想做的事情。

AngularJS v1.5+ 方法：

.HTML

<parent-directive>
<child-directive on-state-change="$ctrl.stateChange($stateChangeObj)"></child-directive>
</parent-directive>

子控制器

$scope.$watch('$ctrl.state', function(n, old){
ctrl.onStateChange({$stateChangeObj: n});
})

父控制器

ctrl.stateChange = function(state){
// do something
}

https://docs.angularjs.org/guide/component#component-based-application-architecture

注意：基于组件的架构是在 AngularJS v1.5 中引入的。

---

在 AngularJS v1.5 方法之前：

这在技术上应该与双向绑定函数相同。 除了 HTML 看起来像这样

on-state-change="$ctrl.stateChange"

而不是

on-state-change="$ctrl.stateChange($stateChangeObj)"

那么在孩子身上，它会是

ctrl.onStateChange(n);

而不是

ctrl.onStateChange({stateChangeObj: n});