私はonBeginEventとonEndEvemtが好きで、canvas要素を使用してサンプルにあるonClickイベントで一般的なJSの方法を使いたくありません。
<signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete('shipperSignature')"></signature-pad>
ionic2とangularJS2を使用して署名パッドの複数のインスタンス（私の場合は3）を作成するにはどうすればよいですか？
question
simran66
全てのコメント2件
Ionicはわかりませんが、Angular 2では、ディレクティブを使用するだけです。
natcohen
2017年07月05日
@ViewChild('sigpad1') signaturePad: SignaturePad;
@ViewChild('sigpad2') signaturePad2: SignaturePad;
HTML：
<signature-pad #sigpad1 [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()"></signature-pad>
<signature-pad #sigpad2 style="border:1px solid #6995ab" [options]="signaturePadOptions2" (onBeginEvent)="drawStart2()" (onEndEvent)="drawComplete2()"></signature-pad>
drawComplete（）およびdrawComplete2（）では、this.signaturePad.toDataURL（）およびthis.signaturePad2.toDataURL（）から画像を取得できます。
bplogan
2017年09月20日
🎉5
👎1
👍1
このページは役に立ちましたか？
0 / 5 - 0 評価
関連する問題
hostcia
·
6コメント
MarcGodard
·
8コメント
rmmackay
·
7コメント
kevinchung1026
·
5コメント
auam88
·
4コメント
最も参考になるコメント
@ViewChild('sigpad1') signaturePad: SignaturePad;@ViewChild('sigpad2') signaturePad2: SignaturePad;HTML：
<signature-pad #sigpad1 [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()"></signature-pad><signature-pad #sigpad2 style="border:1px solid #6995ab" [options]="signaturePadOptions2" (onBeginEvent)="drawStart2()" (onEndEvent)="drawComplete2()"></signature-pad>drawComplete（）およびdrawComplete2（）では、this.signaturePad.toDataURL（）およびthis.signaturePad2.toDataURL（）から画像を取得できます。