无法在angularJS上添加cordova插件

无法在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

我有一个angularJS应用程序。我想添加ngCordova模块,以便使用ngCordova($cordovaNetwork)插件启用。但我无法成功地将ngCordova添加到我的项目中。 我的角度项目由Yeoman创建:

$ 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