Ionic/Cordova:如何将Cordova插件集成到现有的Ionic项目中?

Bad*_*Cat 14 plugins camera cordova ionic-framework

我有一个Ionic项目,我需要Cordova Camera插件(我现在已成功安装).但在我的项目中,Camera API仍然不可用,即我收到错误:

ReferenceError: Camera is not defined
at Scope.$scope.takePic 
Run Code Online (Sandbox Code Playgroud)

如何激活在Ionic项目中使用的插件API?关于此的文档似乎是相当不存在或非常隐藏的.

mrz*_*myr 28

跟着这些步骤:

1.之前包括ngCordova cordova.js

您可以在文档中找到相同的描述.

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>
Run Code Online (Sandbox Code Playgroud)

2.在命令行中添加插件

您可以在特定插件部分的文档找到此步骤.

ionic plugin add org.apache.cordova.camera
Run Code Online (Sandbox Code Playgroud)

3.请记住,在浏览器中工作时无法使用cordova

因此,当使用$cordovaCamera.getPicture库时,内部调用navigator.camera.getPicture在桌面浏览器中进行开发时不可用.进一步阅读

ngCordova/Ionic团队目前正在研究可以用来避免类似问题的模拟.


你可以在这里下载ngCordova:http://ngcordova.com/docs/install/


更新:现在有Ionic Native,它就像ngCordova,但是对于ES6和TypeScript.


Cla*_*ish 6

在应用程序的根目录中打开终端并通过添加插件

cordova plugin add org.apache.cordova.camera
Run Code Online (Sandbox Code Playgroud)

编辑:
新命令是:

cordova plugin rm cordova-plugin-camera //remove
cordova plugin add cordova-plugin-camera //add
Run Code Online (Sandbox Code Playgroud)

  • 这不适合我.我仍然得到"Camera is not defined"错误. (2认同)