javascript - Ionic 2相机错误

标签 javascript html angularjs ionic-framework camera

所以我在 Ionic 2 中构建了一个应用程序,并且我有一个访问相机的功能,但由于某种原因它不工作并且该功能甚至无法正常执行。 下面是相关的 HTML 和 JS 文件,以及控制台日志的截图。非常感谢任何帮助!

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

最佳答案

takePicture 应该用引号引起来...

(点击)="takePicture()"

关于javascript - Ionic 2相机错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39057535/

相关文章:

javascript - 如何从 jquery 中的按钮中删除禁用属性(仅在选择所有下拉值之后)?

html - css html 全宽无法正常工作

javascript - 如何通过单击链接使用来自 URL 的值来设置下拉列表的值

javascript - 如何用 jQuery 选择这个元素?

javascript - Angular - 为什么我的 ui-view 不显示我的模板 html 文本?

javascript - 使用 jquery easing 插件的 jQuery 双动画

javascript - 提供 "Social Network"帖子的耗时

javascript - 切换 ng-bind-html

javascript - 如何在递归函数中共享返回值?

javascript - 如何在指令中重新渲染部分html?