无法在angularJS上添加cordova插件
我有一个angularJS应用程序。我想添加ngCordova模块,以便使用ngCordova($cordovaNetwork)插件启用。但我无法成功地将ngCordova添加到我的项目中。 我的角度项目由Yeoman创建:无法在angularJS上添加cordova插件,angularjs,gruntjs,ngcordova,Angularjs,Gruntjs,Ngcordova,我有一个angularJS应用程序。我想添加ngCordova模块,以便使用ngCordova($cordovaNetwork)插件启用。但我无法成功地将ngCordova添加到我的项目中。 我的角度项目由Yeoman创建: $ mkdir myFolderProjectAngular; cd myFolderProjectAngular $ yo angular 然后,我添加ngCordova: $ bower install --save ngCordova bower ngCordova
$ mkdir myFolderProjectAngular; cd myFolderProjectAngular
$ yo angular
然后,我添加ngCordova:
$ bower install --save ngCordova
bower ngCordova#~0.1.23-alpha cached git://github.com/driftyco/ng-cordova.git#0.1.23-alpha
bower ngCordova#~0.1.23-alpha validate 0.1.23-alpha against git://github.com/driftyco/ng-cordova.git#~0.1.23-alpha
bower ngCordova#* cached git://github.com/driftyco/ng-cordova.git#0.1.23-alpha
bower ngCordova#* validate 0.1.23-alpha against git://github.com/driftyco/ng-cordova.git#*
bower ngCordova#~0.1.23-alpha install ngCordova#0.1.23-alpha
My bower.json会自动更新:
{
"name": "test-network",
"version": "0.0.0",
"dependencies": {
"angular": "^1.4.0",
"bootstrap": "^3.2.0",
"angular-route": "^1.4.0",
"ngCordova": "~0.1.23-alpha"
},
"devDependencies": {
"angular-mocks": "^1.4.0"
},
"appPath": "app",
"moduleName": "testNetworkApp",
"overrides": {
"bootstrap": {
"main": [
"less/bootstrap.less",
"dist/css/bootstrap.css",
"dist/js/bootstrap.js"
]
}
}
}
我在index.html上手动添加了两行:
<script src="/lib/ngCordova/dist/ng-cordova.js"></script>
<script src="/cordova.js"></script>
编辑: 我通过更改文件夹解决了第一个问题。 我首先使用cordova创建一个全局文件夹
cordova create myApp com.organisation.myapp MyApp
在这个文件夹中,我创建了一个角度项目
.
├── app/
├── bower_components
│ ├── angular/
│ ├── angular-mocks/
│ ├── angular-route/
│ ├── bootstrap/
│ ├── jquery/
│ └── ngCordova
│ ├── bower.json
│ ├── CHANGELOG.md
│ ├── dist/
│ │ ├── ng-cordova.js
│ │ ├── ng-cordova.min.js
│ │ ├── ng-cordova-mocks.js
│ │ └── ng-cordova-mocks.min.js
│ ├── LICENSE
│ ├── package.json
│ └── README.md
├── bower.json
├── Gruntfile.js
├── node_modules/
├── package.json
├── README.md
└── test/
yo angular MyApp
之后,我可以添加ngCordova和bower,并添加cordova插件
我的问题是,我不能使用插件的功能。在app.js上,我有:
angular.module('myAppApp', ['ngRoute', 'ngCordova' ]) ...
在main.js上,我有一个例子(使用Toast插件):
angular.module('myAppApp')
.controller('MainCtrl',函数($scope,$cordovatose){
console.log(“>”);
$cordovatose.show('这是一条消息','长','中间')
.然后(功能(成功){
//成功
},函数(错误){
//错误
});
console.log(“您可能在GrunFile中有一些任务,这是在index.html中注入脚本,这就是您的导入发生更改的原因。您的项目没有作为cordova项目基础的config.xml。
请看这里:
要启动cordova项目,应使用以下命令
cordova create PROJECTNAME
然后,您可以将项目文件复制到www文件夹中我的cordova项目正在使用“cordova创建myFolderProjectCordova--link to=myFolderProjectAngular/app”创建。在全局项目中,我有两个文件夹,一个用于cordova(myFolderProjectCordova),另一个用于angular(myFolderProjectAngular)。有用的文件正在myForlderProjectAngular/app上编辑。
angular.module('myAppApp')
.controller('MainCtrl', function ($scope, $cordovaToast) {
console.log(">");
$cordovaToast.show('Here is a message', 'long', 'center')
.then(function(success) {
// success
}, function (error) {
// error
});
console.log("<")
});
cordova create PROJECTNAME