2016-08-20 3 views
1

Also ich baue eine App in Ionic 2 und ich habe eine Funktion, um auf die Kamera zuzugreifen, aber aus irgendeinem Grund funktioniert es nicht und die Funktion wird nicht einmal richtig ausgeführt. Im Folgenden finden Sie die relevanten HTML- und JS-Dateien sowie Screenshots des Konsolenprotokolls. Jede Hilfe wird sehr geschätzt!Ionic 2 Kamera Fehler

app.html

<ion-menu [content]="content"> 

    <ion-toolbar> 
     <ion-title>Menu</ion-title> 
    </ion-toolbar> 

    <ion-content> 
     <ion-list> 
      <button ion-item *ngFor="#p of pages" (click)="openPage(p)"> 
       {{p.title}} 
      </button> 
       <ion-slides style="height: 50vh"> 
        <ion-slide *ngFor="#image of images"> 
         <ion-card> 
          <img [src]="image.src"/> 
         </ion-card> 
        </ion-slide> 
       </ion-slides> 
     </ion-list> 
    </ion-content> 
</ion-menu> 
<button fab primary fab-bottom fab-center (click)=takePicture() style="z-index: 999"> 
    <ion-icon name="camera"></ion-icon> 
</button> 
<script src="camera.js" type="text/javascript"></script> 
<ion-nav id="nav" [root]="rootPage" #content swipe-back-enabled="false"></ion-nav> 

camera.js

import {Page} from 'ionic-angular'; 
import {NgZone} from 'angular2/core'; 
import {Camera} from 'ionic-native'; 
@Page({ 
    templateUrl: 'build/pages/app/app.html' 
}) 
    export class HomePage { 
    public base64Image: string; 
    constructor() { 
    } 
    takePicture(){ 
     console.log('click'); 
     Camera.getPicture({ 
      destinationType: Camera.DestinationType.DATA_URL, 
      targetWidth: 1000, 
      targetHeight: 1000 
     }).then((imageData) => { 
      // imageData is a base64 encoded string 
      this.base64Image = "data:image/jpeg;base64," + imageData; 
     }, (err) => { 
      console.log(err); 
     }); 
    } 
} 

Konsole enter image description here

enter image description here

+0

nach errror erwähnen Ihre Funktion mit dem Namen Takepicture nicht gefunden. überprüfen Sie bitte die Datei corsspondense .ts/.js für die Funktion –

+0

Ich habe diese JS-Datei im Beitrag angehängt. – Jason

Antwort

3

Takepicture sollte in Anführungszeichen gesetzt werden ...

(click)="takePicture()"