2016-02-12 108 views
6

我做了大量的Google搜索,似乎无法提供很多答案,在Ionic 2中调用Cordova插件的语法如何工作。Ionic 2:使用Cordova插件

例如,在Ionic 1中: 我使用的是facebook插件,我会这样称呼它:$ cordovaFacebook.login([“public_profile”,“email”,“name”,“last_name”,“ (),然后(功能(成功))我会'注入'它并添加它作为依赖。这两个事情我不知道如何做离子2.

我读的地方,用离子2,是不是因为nesscary,但我仍然不确定

回答

9

使用步骤如下科尔多瓦插件:

  1. 中加入插件

    科尔多瓦插件添加

[插件名称]其实这是使用科尔多瓦插件的唯一步骤。但是当您使用Typescript时可能会出现错误消息。例如:

ERROR在[默认] /Users/myname/Projects/ionic2/demo/app/pages/home/home.ts:21:12 住宅“设备”上类型不存在“导航”。

  1. 修复Typescript的错误信息。您可以简单地将此行添加到.ts文件中,例如:

    declare var navigator:any;

+1

非常感谢你.....你的线路 'declare var navigator:any;' 救了我。我试图添加科尔多瓦媒体插件,上面的错误激怒了我......用你的提示,它像魔术一样工作。 –

3

如果你想要类似ngCordova的东西。然后也有类似的离子2原子的项目。检查此链接http://ionicframework.com/docs/v2/native/

因此,例如,您想要在离子页面中使用相机。你必须先导入插件,这样的事情:

import {Camera} from 'ionic-native'; 

,并在此之后,Page类中,你可以做这样的事情:

Camera.getPicture(options).then((imageData) => { 
    let base64Image = "data:image/jpeg;base64," + imageData; 
    }, (err) => { 
}); 

还记得,你必须先安装插件通过

ionic plugin add cordova-plugin-camera 

我希望它会回答你的问题。

+0

这是一个很好的建议,但仍然不是所有的cordova插件都体现在本地软件包中。比如''SocialVk'' - 我用@周浩的答案 – heroin

+0

我刚刚根据问题回答 –

0

Ionic 2仍然有许多问题需要在Stylist中进行完整的应用程序开发。有几个cordova插件不是“离子原生”插件,例如cordova Paypal插件,您可以导入并注入角1 /离子1应用程序,而不会出现问题,但不会通过“导航器”或者只是Ionic 2 Typescript应用程序中的类名称。

希望这会很快得到解决,以便您可以像常规模块一样将这些“其他插件”导入到您的应用程序中,以便它可以在打字稿代码编辑器中使用,即VS代码,以便您可以进行可视化调试。