Question

我有以下标记：

<div parent="john">
   <div child>Child 1 </div>
   <div child>Child 2</div>
</div>

以下子指令：

angular.module("app").directive("child", child);

function child($parse) {
  var child = {
    link: link,
    replace: false,
    restrict: "A"
  };
  return child;
  function link(scope, element, attributes) {
  }
}

如何创建Parent指令（设置值，例如John）和Child指令访问父值？

Answer 1

使用isolate scope为child指令定义双向绑定。参考：AngularJS directive guide。

isolate scope中child定义为：

return {
   scope: {
       attName: '='
   },
   // ... others
};

将孩子用作：<div child att-name="parentVar"></div>。

值parentVar是parent范围内的值。在parent中更改此值后，该值将通过Angular传播到child。

======================

根据要求，这是一个例子：JSFiddle

Answer 2

您可以要求该指令，然后访问父控制器：

            ObjectAnimator objectAnimator=ObjectAnimator.ofFloat(tvPostText,"rotation",0f,360f);
            objectAnimator.setInterpolator(new LinearInterpolator());
            objectAnimator.setDuration(3000);
            objectAnimator.setRepeatCount(ValueAnimator.INFINITE);
            objectAnimator.start();

从child指令中的父指令访问值

2 个答案: