首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >离子2相机误差

离子2相机误差
EN

Stack Overflow用户
提问于 2016-08-20 18:39:55
回答 1查看 262关注 0票数 1

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

app.html

代码语言:javascript
复制
    <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

代码语言:javascript
复制
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);
        });
    }
}

控制台

EN

回答 1

Stack Overflow用户

发布于 2016-08-20 19:51:21

takePicture应该用引号..。

(click)="takePicture()"

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39057535

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档