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

Question

我想在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>