Signature_pad: كيفية استخدام لوحة التوقيع مع مثيلات متعددة منها في نفس الصفحة
أحب onBeginEvent و onEndEvemt ولا أريد أن أتبع طريقة JS العامة مع حدث onClick الموجود في عينتك باستخدام عنصر Canvas.
<signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete('shipperSignature')"></signature-pad>
كيف يمكنني إنشاء مثيلات متعددة من لوحة التوقيع (3 في حالتي) باستخدام أيوني 2 و angularJS 2
simran66
ال 2 كومينتر
لا أعرف Ionic ولكن باستخدام الزاوية 2 ، استخدم التوجيهات
natcohen
في ٥ يوليو ٢٠١٧
@ViewChild('sigpad1') signaturePad: SignaturePad;
@ViewChild('sigpad2') signaturePad2: SignaturePad;
لغة البرمجة:
<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
في ٢٠ سبتمبر ٢٠١٧
القضايا ذات الصلة
Emmark
·
4تعليقات
lowe493
·
5تعليقات
crazzeto
·
8تعليقات
hostcia
·
6تعليقات
MarcGodard
·
8تعليقات
التعليق الأكثر فائدة
@ViewChild('sigpad1') signaturePad: SignaturePad;@ViewChild('sigpad2') signaturePad2: SignaturePad;لغة البرمجة:
<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 ()