Question

我正在使用yo meanjs样板：yo meanjs。

我知道我可以使用$ yo meanjs:angular-module <module-name>创建自己的模块。

是否可以使用命令行中的yo安装并注入我的控制器ng-flow？

类似于：$ yo meanjs:ng-flow <module-name>

在其中所述的文档中meanjs modules：所以除非有更好的建议，否则我可以尝试这条路线。

要添加第三方模块，请使用public / config.js文件，我们在其中添加了一个名为applicationModuleVendorDependencies的数组属性。添加新的第三方模块时，应将其添加到此阵列，以便主模块可以将其作为依赖项加载。

'use strict';

// Init the application configuration module for AngularJS application

var ApplicationConfiguration = (function() {
    // Init module configuration options
    var applicationModuleName = 'theconnect';
    var applicationModuleVendorDependencies = ['ngResource', 'ngCookies',  'ngAnimate',  'ngTouch',  'ngSanitize',  'ui.router', 'ui.bootstrap', 'ui.utils'];

        // Add a new vertical module
        var registerModule = function(moduleName, dependencies) {
            // Create angular module
            angular.module(moduleName, dependencies || []);

            // Add the module to the AngularJS configuration file
            angular.module(applicationModuleName).requires.push(moduleName);
        };

        return {
            applicationModuleName: applicationModuleName,
            applicationModuleVendorDependencies: applicationModuleVendorDependencies,
            registerModule: registerModule
        };
    })();

Answer 1

使用以下命令通过cmd行添加模块：

bower install "ng-flow#~2" --save
 grunt bower-install

我将其作为依赖项添加到public / config.js：

var applicationModuleVendorDependencies = ['ngResource', 'ngCookies',  'ngAnimate',  'ngTouch',  'ngSanitize',  'ui.router', 'ui.bootstrap', 'ui.utils','flow'];

然后将模块路径添加到/config/env目录下的所有JS文件。

module.exports = {
    db: process.env.MONGOHQ_URL || process.env.MONGOLAB_URI || 'mongodb://' + (process.env.DB_1_PORT_27017_TCP_ADDR || 'localhost') + '/theconnect',
    assets: {
        lib: {
            css: [
                'public/lib/bootstrap/dist/css/bootstrap.min.css',
                'public/lib/bootstrap/dist/css/bootstrap-theme.min.css',
            ],
            js: [
                'public/lib/angular/angular.min.js',
                'public/lib/angular-resource/angular-resource.js', 
                'public/lib/angular-cookies/angular-cookies.js', 
                'public/lib/angular-animate/angular-animate.js', 
                'public/lib/angular-touch/angular-touch.js', 
                'public/lib/angular-sanitize/angular-sanitize.js', 
                'public/lib/angular-ui-router/release/angular-ui-router.min.js',
                'public/lib/angular-ui-utils/ui-utils.min.js',
                'public/lib/angular-bootstrap/ui-bootstrap-tpls.min.js',
                'public/lib/ng-flow/dist/ng-flow.js'
            ]
        },
        css: 'public/dist/application.min.css',
        js: 'public/dist/application.min.js'
    },
......
...
}

Answer 2

Fabii's answer is helpful. To add to it...

I had to make 2 entries in the "all.js" file Fabii mentioned (which is located at /config/env/all.js

'public/lib/flow.js/dist/flow.min.js',
'public/lib/ng-flow/dist/ng-flow.js'

使用yeoman安装和注入ng-flow

2 个答案: