AngularJS 指令 Transclude 父范围

Question

我正在处理一个指令，并且我正在使用 transclude，因此在其中使用了指令使用的 inner element。

假设这是我的指令观点：

<div>
  <div ng-repeat="opt in options">
    <ng-transclude></ng-transclude>
  </div>
</div>

指令：

app.directive("myDirective", function(){
    return {
        restrict: "E",
        transclude: true,
        templateUrl: 'my-directive.html',
        scope: {
          options: '='
        }
    };
  });

还有一个简单的用法：

<my-directive options="someOptions">
     <p>{{someObject[$parent.opt]}}</p>
</my-directive>

这很好用。我对这个解决方案的问题是 $parent.opt 不是很可读和清晰...... 还有其他选择吗？

谢谢

Answer 1

您的指令似乎是一个非常具体的指令。
将父级也传递给指令怎么样？

<my-directive options="someOptions" object="someObject"></my-directive>

---

在指令中：

<div>
  <div ng-repeat="opt in options">
    <p>{{object[opt]}}</p>
  </div>
</div>

然后在你的隔离作用域声明中添加object: '<'。