Question

我将离子应用程序从Ionic 3升级到Ionic 4，这给了我相机问题。此错误显示在控制台上的离子服务

src / app / register / register.page.ts（50,4）中的
ERROR：错误TS2554：预期有2个参数，但有1个。 [ng] src / app / register / register.page.ts（53,63）：错误TS2749：“相机”是指一个值，但在此处被用作类型。

以下是 register.ts

import { Component, ViewChild, OnInit } from '@angular/core';
import { ScrollDetail } from '@ionic/core';
import { NavController, LoadingController, ToastController } from '@ionic/angular';
import { Http, Response, Headers, RequestOptions }  from "@angular/http";
import { map } from 'rxjs/operators';
import { Observable } from 'rxjs/Observable';
import { SignaturePad } from 'angular2-signaturepad/signature-pad';
import { Storage } from '@ionic/storage';
import { Camera, CameraOptions } from '@ionic-native/camera';

@Component({
  selector: 'app-register',
  templateUrl: './register.page.html',
  styleUrls: ['./register.page.scss'],
})
export class RegisterPage implements OnInit {

showToolbar = false;
capturedSnapURL:string;




onScroll($event: CustomEvent<ScrollDetail>) {
    if ($event && $event.detail && $event.detail.scrollTop) {
      const scrollTop = $event.detail.scrollTop;
      this.showToolbar = scrollTop >= 225;
    }
}

 signature = '';
 isDrawing = false;

  options: CameraOptions = {
    quality: 100,
    destinationType: this.camera.DestinationType.DATA_URL,
    encodingType: this.camera.EncodingType.JPEG,
    mediaType: this.camera.MediaType.PICTURE,
    cameraDirection:0
  }

  clickedImagePath:any;

  @ViewChild(SignaturePad) signaturePad: SignaturePad;


   constructor(public navCtrl: NavController, private camera: Camera, private http: Http, public loading: LoadingController, public storage: Storage, public toastCtrl: ToastController) {

  }


  ngOnInit() {
  }


ionViewDidEnter() {
    this.signaturePad.clear()
    this.storage.get('savedSignature').then((data) => {
      this.signature = data;
    });
  }


  drawComplete() {
    this.isDrawing = false;
  }

  drawStart() {
    this.isDrawing = true;
  }

  savePad() {
    this.signature = this.signaturePad.toDataURL();
    this.storage.set('savedSignature', this.signature);
    this.signaturePad.clear();
   /* let toast = this.toastCtrl.create({
      message: 'New Signature saved.',
      duration: 3000
    });
    toast.present();*/
  }

  clearPad() {
    this.signaturePad.clear();
  }


clickImage(){
    this.camera.getPicture(this.options).then((imageData) => {
      // imageData is either a base64 encoded string or a file URI
      // If it's base64 (DATA_URL):
      let base64Image = 'data:image/jpeg;base64,' + imageData;
      this.clickedImagePath = 'data:image/jpeg;base64,' + imageData;
     }, (err) => {
      // Handle error
     });
  }



}

有人可以指出我做错了什么吗？

Answer 1

您只需要将Camera包含在app.module.ts中的providers数组中

import { Camera } from '@ionic-native/camera';

providers: [
   Camera 
]

Answer 2

使用它导入相机插件

import { Camera, CameraOptions } from '@ionic-native/camera/ngx';

，然后在HTML中为SignaturePad组件提供一个ID（例如'componentId'），然后将您的视图组件代码更改为以下

@ViewChild('componentId', { static: true } ) signaturePad: SignaturePad;

错误TS2554：期望2个参数，但得到1个

2 个答案: