2016-08-20 8 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

引用符で囲む必要があります。関数 –

+0

のcorspondense .ts/.jsファイルをチェックしてください。そのJSファイルを投稿に添付しました。 – Jason

答えて

3

takePictureはtakePictureという名前の関数が見つからない言及errrorによると...

(click)="takePicture()"