【问题标题】:Generate a routing module while creating a module in angular-cli在 angular-cli 中创建模块时生成路由模块
【发布时间】:2017-07-19 01:14:58
【问题描述】:

我最近开始在我的应用程序中实现延迟加载。我想知道除了手动创建之外,是否有任何方法可以在 angular-cli 应用程序中生成新模块时创建 routing.module.ts?

【问题讨论】:

    标签: angular lazy-loading angular-cli


    【解决方案1】:

    我搜索了一下,发现一些文章对不同类型的命令有很好的解释。

    The Ultimate Angular CLI Reference

    所以基本上,没有单独的命令来创建 routing.module 文件。但是,可以在创建模块时创建

    ng g module [module-name] --routingng g m [module-name] --routing 将创建模块并添加映射/元数据链接。

    【讨论】:

    • 嗨 Saiyaff Farouk,上面的命令同时创建了 module.ts 和 routing.module.ts。是否可以单独生成 routing.module.ts ,因为我已经有一个 module.ts 。
    • @Dhana 我认为对于“是否可以单独生成routing.module.ts,因为我已经有一个module.ts”的场景的命令是不可能的。为了克服这个问题,您可以尝试编写自己的原理图。但是,让我做一些进一步的研究,看看你想要的东西是否已经以任何形式提供
    【解决方案2】:

    带有路由创建 CMD 的模块:-

    ng g m [ModuleName] --routing
    

    【讨论】:

      【解决方案3】:

      在同一个文件夹中同时创建模块和路由。

      ng g m sub-folder/module-name --routing
      

      创建唯一的模块。

      ng g m  sub-folder/module-name
      

      【讨论】:

        【解决方案4】:

        我迟到了 :) 但这是我如何在同一个目录中一次性为模块生成 moduleroutingcomponent 的方法

        src/app/目录中输入下面的命令来生成一个名为'my-page'的模块、路由和组件

        ng g m my-page --routing=true && ng g c my-page --skip-tests=true -m=my-page
        

        如果您希望生成测试,请不要使用 skip-tests 参数。

        【讨论】:

          【解决方案5】:
          1. 生成组件:ng g c componanentNameng g c sub-folder/componentName
          2. 要生成模块或路由模块使用:ng g m sub-folder/moduleName --routing

          【讨论】:

            【解决方案6】:

            你可以测试一下
            代码

            ng g m landing --route landing --module app 
            

            【讨论】:

              【解决方案7】:
              ng generate module ModulName --flat --module=app
              

              【讨论】:

                【解决方案8】:

                迟到但很有用。

                ng g m about --module app --route about 
                

                上述命令会生成带有about组件的about模块,并在app模块中添加延迟加载路由,用于路由about路由。

                【讨论】:

                  猜你喜欢
                  • 2019-10-28
                  • 1970-01-01
                  • 2020-05-24
                  • 2020-06-08
                  • 2013-11-30
                  • 2018-04-06
                  • 1970-01-01
                  • 2018-08-13
                  • 2021-10-18
                  相关资源
                  最近更新 更多