Javascript ng if和栅格磁贴的问题

我试图隐藏一个网格瓷砖时，屏幕大小是小或更小，同时我想显示一个隐藏的网格瓷砖。这两个网格图块都包含一个d3图形。
我的问题是当屏幕大小改变时加载图形；显示平铺，但不加载图形。但是，如果我刷新页面，图形将加载。此代码笔（调整大小至小窗口。刷新）说明了此问题。

---

为了使初始加载生效，我必须使用$document.ready（{}）；。我不确定如何将此应用于调整页面大小/ng if。

问题是您的

graph

指令没有

link

功能。因为，

$document.ready

返回

未定义的
：

link: $document.ready(function loadGraph() {
    //Code here
});

您需要将其更改为：

link: function() {
    $document.ready(function() {
        //Your Code here    
    });
}

请查看此演示：
问题是您的
图形
指令没有
链接
功能。因为，
$document.ready
返回
未定义的
：

link: $document.ready(function loadGraph() {
    //Code here
});

您需要将其更改为：

link: function() {
    $document.ready(function() {
        //Your Code here    
    });
}

请查看此演示：
如果我使用ng，则显示网格磁贴仍占据其可视的空间。如果我不想有一个空的空间，我相信我必须使用ng If（除非有另一种我不知道的方式）。在您的代码笔中，第一个网格磁贴仍然具有ng if而不是ng-show。在这两种情况下，网格磁贴仍然占据空间！看看你的密码笔！当使用ng if时图形无法加载时，栅格磁贴仍会占用空间。使用ng show时，互动程序甚至在其“隐藏”状态下也会占用空间。请查看更新的答案！问题解决了！！非常感谢。我花了很长时间试图自己弄明白！如果我使用ng显示栅格平铺仍然占据空间，就好像它是可见的一样。如果我不想有一个空的空间，我相信我必须使用ng If（除非有另一种我不知道的方式）。在您的代码笔中，第一个网格磁贴仍然具有ng if而不是ng-show。在这两种情况下，网格磁贴仍然占据空间！看看你的密码笔！当使用ng if时图形无法加载时，栅格磁贴仍会占用空间。使用ng show时，互动程序甚至在其“隐藏”状态下也会占用空间。请查看更新的答案！问题解决了！！非常感谢。我花了很长时间试图自己弄明白！