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

Question

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

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

子指令包含一个对象“ states.visible”，我想在父指令中访问该对象。

Answer 1

我认为AngularJs的实现方式可以通过在child指令中实现输出来实现。 每次“状态”对象发生更改时，子级都会调用输出函数，而父级可以使用它执行任何操作。

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});