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);
});
}
}
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 –
Ich habe diese JS-Datei im Beitrag angehängt. – Jason