title: Failed to navigate: Template parse errors: Can't bind to 'options' since it isn't a known property of 'signature-pad'
body: <p>I am trying to implement angular2 signature pad in my ionic 3 project i am getting error as above my question.
  I am following this tutorial <a href="https://devdactic.com/signature-drawpad-ionic-2/" rel="noreferrer">link</a>. It is working fine in ionic2 but when i try in ionic 3 i am getting error like below </p>
  
  <pre><code>Failed to navigate:  Template parse errors:
  Can't bind to 'options' since it isn't a known property of 'signature-pad'.
  1. If 'signature-pad' is an Angular component and it has 'options' input, then verify that it is part of this module.
  2. If 'signature-pad' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
  3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
      &lt;ion-col&gt;&lt;/ion-col&gt;
      &lt;ion-col&gt;
        &lt;signature-pad [ERROR -&gt;][options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()"&gt;&lt;/signatur"): ng:///ConformsignModule/Conformsign.html@20:21
  'signature-pad' is not a known element:
  1. If 'signature-pad' is an Angular component, then verify that it is part of this module.
  2. If 'signature-pad' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
      &lt;ion-col&gt;&lt;/ion-col&gt;
      &lt;ion-col&gt;
        [ERROR -&gt;]&lt;signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplet"): ng:///ConformsignModule/Conformsign.html@20:6
  </code></pre>
  
  <blockquote>
    <p>you can get the full code in this like i just trying everything in this  <a href="https://devdactic.com/signature-drawpad-ionic-2/" rel="noreferrer">https://devdactic.com/signature-drawpad-ionic-2/</a></p>
    
    <p>I think when i use deeplink navigation i am getting this error but when i import my component to app.module.ts everything is working fine</p>
  </blockquote>
  
  <p>update</p>
  
  <p>here is my .ts file</p>
  
  <pre><code>export class Conformsign {
  
    signature = '';
    isDrawing = false;
    finalData
    @ViewChild(SignaturePad) signaturePad: SignaturePad;
    @Input()
    private signaturePadOptions: Object = { // Check out https://github.com/szimek/signature_pad
      'minWidth': 2,
      'canvasWidth': 400,
      'canvasHeight': 200,
      'backgroundColor': '#f6fbff',
      'penColor': '#666a73'
    };
  
    constructor(public navCtrl: NavController, public navParams: NavParams, public toastCtrl: ToastController, public holders: Holders, public rest:Rest) {
  
      this.finalData = this.holders.getData();
    }
  
    ionViewDidLoad() {
      console.log('ionViewDidLoad Conformsign');
    }
  
    ionViewDidEnter() {
      this.signaturePad.clear()
    }
  
    drawComplete() {
      this.isDrawing = false;
    }
  
    drawStart() {
      this.isDrawing = true;
    }
  
    savePad() {
      this.signature = this.signaturePad.toDataURL();
      this.signaturePad.clear();
      let toast = this.toastCtrl.create({
        message: 'New Signature saved.',
        duration: 3000
      });
      toast.present();
  
       let conformDelivery = {
        order_id: this.finalData.order_id,
        amountpaid:this.finalData.total,
        customername:this.finalData.firstname,
        signature:this.signature,
        user_id:this.finalData.user_id,
        customer_id:this.finalData.customer_id
      }
  
    }
  
    clearPad() {
      this.signaturePad.clear();
    }
  
  }
  </code></pre>
  
  <p>here is my .html</p>
  
  <pre><code>&lt;ion-content&gt;
    &lt;div class="title"&gt;Please draw your Signature&lt;/div&gt;
    &lt;ion-row [ngClass]="{'drawing-active': isDrawing}"&gt;
      &lt;ion-col&gt;&lt;/ion-col&gt;
      &lt;ion-col&gt;
        &lt;signature-pad [options]="signaturePadOptions" (onBeginEvent)="drawStart()" (onEndEvent)="drawComplete()"&gt;&lt;/signature-pad&gt;
      &lt;/ion-col&gt;
      &lt;ion-col&gt;&lt;/ion-col&gt;
  
    &lt;/ion-row&gt;
    &lt;button ion-button full color="danger" (click)="clearPad()"&gt;Clear&lt;/button&gt;
    &lt;button ion-button full color="secondary" (click)="savePad()"&gt;Save&lt;/button&gt;
  
    &lt;ion-row&gt;
      &lt;ion-col&gt;&lt;/ion-col&gt;
      &lt;ion-col width-80&gt;
        &lt;img [src]="signature"/&gt;
      &lt;/ion-col&gt;
      &lt;ion-col&gt;&lt;/ion-col&gt;
    &lt;/ion-row&gt;
  
  &lt;/ion-content&gt;
  </code></pre>