ng-if 和 grid-tile 的问题

Question

我想在屏幕尺寸较小或更小时隐藏一个网格块，同时我想显示一个隐藏的网格块。这两个网格图块都包含一个 d3 图。
我的问题是当屏幕尺寸改变时加载图形；磁贴出现但图表未加载。但是，如果我刷新页面，图表将加载。此代码笔上说明了该问题（将大小调整为小 window。刷新）。
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({});。我不确定如何将其应用到页面 resizing/ng-if.

Answer 1

问题是您的 graph 指令没有 link 功能。因为，$document.ready returns undefined:

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

您需要将其更改为：

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

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

ng-if 和 grid-tile 的问题

Issue with ng-if and grid-tile

javascript

css

angularjs

angular-material