AngularJS指令包含父范围

Question

我正在处理一个指令，并且正在使用transclude，因此该指令使用的内部元素在其内部使用。

假设这是我指令的视图 ：

<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: '<' 。