如何在子元素中使用父元素属性值？

Question

如何将父元素属性值传播给angular中的子元素？在示例中，mydiv指令可以读取e-vertical值（true或false）并相应地执行操作。

这有点起作用（编辑：它不起作用），但它是否正确？例如。角度方式。

HTML：

<form e-vertical="true">
   <div mydiv></div>
</form>

父元素属性指令

mod.directive('eVertical', function() {
  return {
    restrict: 'A',
    require: '^form',
    scope: {
      eVertical: '='
    },
    link: function(scope, elem, attrs, ctrl) {
      return ctrl.eVertical = scope.eVertical;
    }
  };
});

子元素

mod.directive('mydiv', function() {
  return {
    restrict: 'A',
    require: '^form',
    template: '<div do-vertical-stuff="eVertical"></div>',
    link: function(scope, elem, attrs, ctrl) {
      return ctrl.eVertical = scope.eVertical;
    }
  };
});