如何包含和使用科尔多瓦插件

问题描述：

我正在努力与科尔多瓦插件在我的离子应用程序。一整天都在Google上搜索，没有大的胜利。如何包含和使用科尔多瓦插件

这是我正在做的 - 在我的应用程序中用navbar目前打开一个网页。我发现，cordova-themeable可能工作了这一点

... ...但是

我安装了它

$ cordova plugin add cordova-plugin-themeablebrowser

OK，这是目前

$ cordova plugin list 
cordova-plugin-camera 2.2.0 "Camera" 
cordova-plugin-compat 1.0.0 "Compat" 
cordova-plugin-console 1.0.3 "Console" 
cordova-plugin-device 1.1.2 "Device" 
cordova-plugin-splashscreen 3.2.2 "Splashscreen" 
cordova-plugin-statusbar 2.1.3 "StatusBar" 
cordova-plugin-themeablebrowser 0.2.15 "ThemeableBrowser" 
cordova-plugin-whitelist 1.2.2 "Whitelist" 
ionic-plugin-keyboard 2.2.0 "Keyboard"

现在，我正在努力在控制器功能中使用它

$scope.doStuff = function doStuff() { 
    cordova.ThemeableBrowser.open('http://apache.org', '_blank', { 
     ...

，并呼吁它在我的.html文件

<ion-item ng-click="doStuff()">

我收到以下错误

ReferenceError: cordova is not defined at Scope.doStuff

我 的index.html，我有

<script src="lib/ionic/js/ionic.bundle.js"></script> 

<!-- cordova script (this will be a 404 during development) --> 
<script src="cordova.js"></script> 

<script src="js/app.js"></script>

请帮忙，谢谢

您是否将cordova添加到您的项目中？ –

@ matt93确保调用ionicPlatform.ready函数里面的插件代码 – Gandhi

@Gandhi谢谢，我将它添加到我的函数中：$ scope.doStuff = function doStuff（）{ion.Platform.ready（function（）{ cordova。 ThemeableBrowser.open（'http://apache.org'，'_blank'，{...但仍然 - cordova没有在离子实验室中定义，在模拟器中它什么都没做。我想知道是否有一些依赖失踪或者可能的方式我在我的html文件中调用它是错误的 – matt93

答

你可以验证插件是否在你的config.xml中？

它应该是这个样子：

<plugin name="com.phonegap.plugins.example"> 
    <param name="APIKey" value="12345678" /> 
    <param name="APISecret" value="12345678" /> 
    </plugin>

我发现 in my .../platforms/android/res/xml/config.xml，但是.../platforms/ios/appName/config.xml中没有类似的东西，我的.../appName/config.xml中没有任何功能。请你更具体的如何配置这个？先谢谢 – matt93

更新 - 好的，我再次使用--save选项添加插件，现在它在我的app/config.xml中：，但仍然无法正常工作。既不在模拟器也不在模拟器中：/ – matt93

答

会增加这是一个评论，但没有足够的代表，只有作为张贴我看不到任何此类任何提及。

请确保它正确地注入到您的应用程序，鉴于错误或科尔多瓦没有定义我假设这可能是一个问题。我无法找到任何特定的引用，但考虑到它建立在inappbrowser的顶部，我会假设DI将是$ cordovaInAppBrowserProvider。

在阅读文档，从他们的gitgub FAQ“我刚安装了这个插件，为什么它只是显示一个空白工具栏？

这个插件的目的是为了让你的风格了在应用程序浏览器的方式你不是这么想的，为什么你先安装这个插件？因此，它没有任何默认设置，每个UI元素都需要由你设计，否则它是隐藏的，这也避免了你的资源包被默认设置为默认值图片。”

答

要添加你正在做正确的插件，也就是说，如果你想使用cordova adomb plugin：

cordova plugin add cordova-admob

关于到错误：你在浏览器或真实设备调试？通常，在浏览器中，你应该使用

cordova platform add browser 
phonegap serve

（我建议你为有时效果更好使用insetad cordova serve的phonegap serve，但不应赚取差价）

另一种方式来调试应用程序是使用android remote debug。

如何包含和使用科尔多瓦插件

相关推荐