如何在angular2中动态创建多个画布(使用循环)

如何在angular2中动态创建多个画布(使用循环),angular,html5-canvas,Angular,Html5 Canvas,我想使用angular2中的循环在我的组件中创建多个画布 这是我的html <div class="masterpage" *ngFor="let x of masterPages" draggable [dragScope]="'masterpage'" [dragData]="x"> <canvas #myCanvas width="105" height="149" style="background:lightgray;"></canv

我想使用angular2中的循环在我的组件中创建多个画布

这是我的html

   <div class="masterpage" *ngFor="let x of masterPages" draggable [dragScope]="'masterpage'" [dragData]="x">
        <canvas #myCanvas width="105" height="149" style="background:lightgray;"></canvas>
   </div>