使用 yeoman 安装和注入 ng-flow

2024-02-04

我正在使用这里的 yomeanjs 样板:哟意思是 http://meanjs.org/.

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

是否可以安装并注入我的控制器ng-flow https://github.com/flowjs/ng-flow从命令行使用 yo 吗?

就像是 :$ yo meanjs:ng-flow <module-name>

在文档中它指出在这里找到平均模块 http://meanjs.org/docs.html#angularjs-modules:所以除非有更好的建议,否则我可能会尝试这条路线。

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

'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
        };
    })();

通过命令行添加模块后使用:

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'];

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

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'
    },
......
...
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 yeoman 安装和注入 ng-flow 的相关文章

随机推荐