javascript - 为什么无法在指令的 html 调用中访问 $rootScope？

Question

我使用 ng-csv 来允许用户下载其数据的 csv。创建下载链接的代码被附加到公共(public)插件模块的 HTML 页面中。在公共(public)模块中，我将导出数据设置为 rootScope 变量，以便可以从 View 中调用它，但它只是返回一个空白文档。我去哪儿了？

相关插件代码:

function getOutput(){
    return csvStringify(csvOutput);
}
var stringifiedOutput = csvStringify(csvOutput);

csvDataLinkHtml += "<span type='button' lazy-load='true' ng-csv='$root.csvOutput' csv-header='"+csvStringify(headers)+"' filename='data.csv' class='csv-data-link-span'><i class='fa fa-file-excel-o excel-icon'></i></span>";

$(function() {
  angular.element(document).injector().invoke(function($rootScope, $compile) {
    var link = $compile(csvDataLinkHtml);
    csvDataLinkHtml = link(scope);
    fp.append(csvDataLinkHtml);
    $rootScope.csvOutput = stringifiedOutput;
  });
});

澄清一下，这是一个 ng-grid 插件。

Answer 1

我在代码示例中缺少一些上下文，但您可能正在将模板链接到不同的范围。

尝试在 Chrome 检查器中选择所需的元素，然后在控制台中输入 angular.element($0).scope() 来获取关联的范围。 我猜您可能想要执行 $rootScope.$new() 并将其与新元素链接。