在离子网格内部使用画布元素

Question

以下代码不起作用：

    <ion-grid>
      <ion-row no-wrap align-items-start>
        <ion-col>
          <div>
            <canvas id="chart-1"></canvas>
          </div>                  
        </ion-col>
        <ion-col>
          <div>
            <canvas id="chart-2"></canvas>
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>

据我所知，这是有关使用网格的ionic API的第一页，我对此一无所知。如果我使用img标签，效果很好。我刚刚捆绑了三个相同的图像，它们工作正常。但是画布不起作用...

screen shot of it not working

有任何线索吗？