javascript - 从内部指令定位

Question

我有一个指令显示整个页面的叠加层，“绝对”定位到顶部 0，左侧 0。

我不希望叠加层固定位置，而是随网站滚动。

因为我需要从 Controller 访问元素，所以我将指令元素“埋”在相关元素中。我有办法实现这一目标吗？

Answer 1

由于其他定位不起作用，我最终创建了一个代理指令(在这种情况下实际上包含一些 html 代码)，我将其编译并附加到 body 标签，从而避免了问题:

.directive('proxy',['$compile','$document','$rootScope',function($compile,$document,$rootScope){
    return {
      templateUrl: 'proxy.html',
      restrict: 'E',
      link: function(scope, element, attr) {
        var body = $document.find('body').eq(0);
        if(!$rootScope.proxy) {
          var expl = $compile("<actual-directive></actual-directive>")(scope);
          body.append(expl);
          $rootScope.proxy = true;
        }
      }
    };
  }])

向 $rootScope 添加一个属性不太好，但它可以防止指令多次打开