javascript - ng-if 和 grid-tile 的问题

Question

我试图在屏幕尺寸较小或更小时隐藏一个网格 block ，同时我想显示一个隐藏的网格 block 。这两个网格图 block 都包含一个 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