2016-08-20 13 views
1

Итак, я создаю приложение в Ionic 2, и у меня есть функция доступа к камере, но по какой-то причине она не работает, и функция даже не выполняется должным образом. Ниже приведены соответствующие файлы HTML и JS, а также скриншоты журнала консоли. Любая помощь очень ценится!Ошибка камеры Ionic 2

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); 
     }); 
    } 
} 

консольных enter image description here

enter image description here

+0

согласно errror говоря ваша функция по имени takePicture не найдено. пожалуйста, проверьте файл ctspondense .ts/.js для функции –

+0

Я приложил этот JS-файл в сообщение. – Jason

ответ

3

takePicture должен быть в кавычках ...

(click)="takePicture()"

Смежные вопросы