Html Angular JS-TypeError:无法调用方法'；getContext'；空的

我不熟悉混合应用程序，并使用Ionic框架开发应用程序，我想在

ng repeat

中实现一个多重签名板。画布显示的是已定义的css规范。但是，签名的绘图不起作用

signature.html

 <div   ng-repeat="esign in consent" > 
 <div ><!--Signature Pad -->
    <canvas  id="{{'canvas'+$index}}"  ng-init="createSigPad($index)" width='300' height='180'  style='border: 1px solid blue;'></canvas>
    <div class='button-bar'>
    <a class='button button-energized' >Clear</a>
    <a class='button button-balanced' >Save</a>
    </div>
    </div> 
    </div>

在Logcat中，我看到行TypeError:cannotcallmethod'getContext'为null

 <div   ng-repeat="esign in consent" > 
 <div ><!--Signature Pad -->
    <canvas  id="{{'canvas'+$index}}"  ng-init="createSigPad($index)" width='300' height='180'  style='border: 1px solid blue;'></canvas>
    <div class='button-bar'>
    <a class='button button-energized' >Clear</a>
    <a class='button button-balanced' >Save</a>
    </div>
    </div> 
    </div>

注意：当我在

ng repeat

---

请帮我找到解决方案。

尝试将ng init更改为ng单击以检查其工作是否正常，您需要等待ng repeat完成后再调用createSigPad， 最好使用指令执行此操作

您可以尝试以下选项： 您的html需要

<canvas  ng-init="createSigPad($event)" width='300' height='180'  style='border: 1px solid blue;'></canvas>

}

---

通过这种方式，您可以获得元素目标

如何使用指令执行此操作？你能指引我吗@Avishai Peretz让我知道这些变化是否对您有所帮助。

$scope.createSigPad=function($event){

 new SignaturePad($event.currentTarget);