指令采用相同实例的范围

时间:2015-02-12 11:43:04

标签: javascript angularjs d3.js angularjs-directive angularjs-scope

我试图创建一个d3.js指令,它目前工作正常。 但是,当我调整窗口大小时,我的第一个指令采用第二个指令值。如何才能将两者分开才能正确调整大小?

(他们已经有一个隔离范围btw)。

plunker:http://plnkr.co/edit/1GdEeug8k8Op2PWXFTqo

这是我的控制台返回同一个对象的部分:

              $window.onresize = function() {
                console.log(scope);
          };

这就是我在控制台中看到的内容。

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以正常配置所有内容,当您调整每个图表的大小时,仍然拥有自己的数据。

你唯一没有考虑到你只记录第二个指令的孤立范围。

将日志更新为:

console.log(scope.$parent.data);
console.log(scope.$parent.data2);

您将看到您可以使用父级来访问每个隔离的范围数据。