Question

我试图在屏幕尺寸小或更小时隐藏网格图块，同时我想要显示隐藏的网格图块。这两个网格图块都包含d3图形我的问题是在屏幕尺寸变化时加载图形;图块出现但图表未加载。但是，如果我刷新页面，图表将加载。此codepen上说明了这个问题（调整大小窗口。刷新） 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

问题是您的std::thread指令没有graph功能。因为，link会返回$document.ready：

undefined

您需要将其更改为：

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

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

使用ng-if和grid-tile问题

1 个答案: