ng-if 和 grid-tile 的问题

Question

当屏幕尺寸较小或较小时，我试图隐藏一个网格图块，同时我想显示一个隐藏的网格图块。这两个网格图块都包含一个 d3 图。
我的问题是在屏幕尺寸发生变化时加载图表；磁贴出现，但图表未加载。但是，如果我刷新页面，图表将加载。此代码笔说明了该问题（调整为小窗口。刷新）。
http://codepen.io/sweatherly/pen/Wxdpwx

     <md-grid-tile ng-if="$mdMedia('gt-sm')" md-rowspan="2" md-colspan="9" md-colspan-md="6" md-colspan-sm="4" md-colspan-xs="1">
      <md-card class="graph-card dark-cards" layout-fill>
        <graph></graph>
      </md-card>

  </md-grid-tile> 

为了让初始负载正常工作，我必须使用 $document.ready({});。我不确定如何将其应用于页面大小调整/ng-if。

Answer 1

问题是您的graph 指令没有link 函数。因为，$document.ready 返回undefined：

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

您需要将其更改为：

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

请查看此演示：http://codepen.io/anon/pen/akEwok