Question

我想要一个自定义原理图，它将在我的应用程序中创建一个页面。为此，我想使用现有的核心原理图来创建路由模块，然后在该模块中创建一个组件以显示我的页面内容，最后将所有内容连接在一起。困扰我的是“将所有东西连接在一起”。对于“正确”的方法，我找不到明确的指导。我应该：

a）直接修改“模块”和“组件”原理图创建的现有文件？（我不知道该怎么做）

b）使用模板以某种方式将修改合并到文件中？（我也不知道该怎么做）

以下是截至目前我页面示意图的index.ts文件。最后，“ TODO”评论了我不知道该怎么做。

请帮助！

import {
  externalSchematic,
  Rule,
  SchematicContext,
  Tree,
  chain,
} from '@angular-devkit/schematics';

export function page(options: any): Rule {
  const name = options.name;

  return chain([
    // create module for this page
    externalSchematic('@schematics/angular', 'module', {
      name: `pages/${name}`,
      routing: true
    }),

    // create simple component to display in this page
    externalSchematic('@schematics/angular', 'component', {
      name: `pages/${name}/${name}`,
      routing: true
    }),

    // add component to routing module
    (tree: Tree, _context: SchematicContext) => {
      // TODO 1: import new component into routing module
      // e.g. import { MyPageComponent } from "./my-page/my-page.component";

      // TODO 2: add component to routes
      // const routes: Routes = [{ path: '', pathMatch: 'full', component: MyPageComponent }];
      return tree;
    },
  ]);
}

如何使用角度示意图将节点导入语句添加到文件中？

0 个答案: