ng-if和网格平铺的问题

Issue with ng-if and grid-tile

本文关键字：问题 网格 ng-if      更新时间：2023-09-26

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

问题是你的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

相关文章：