代码之家  ›  专栏  ›  技术社区  ›  vitaly-t

角度类名称中的自定义后缀

  •  0
  • vitaly-t  · 技术社区  · 7 年前

    是否可以将Angular 7(使用CLI 7.x)项目配置为使用默认后缀以外的类名后缀?

    更具体地说,对于表示对话框的类,我想使用 Dialog 最终,而不是 DialogComponent ,这是不必要的长。对于表示我想要使用的页面的类 Page ,而不是 PageComponent .

    例如:

    • 使用 LoginDialog 而不是 LoginDialogComponent
    • 使用 MainPage 而不是 MainPageComponent

    简单的重命名是不可能的,因为 tslint 规则预设在角度范围内。

    1 回复  |  直到 7 年前
        1
  •  7
  •   KenF    5 年前

    在里面eslintrc。js-我使用的是IONIC,许多组件都是用页面后缀创建的,以区分页面和页面中使用的“组件”。以下添加页面作为已知后缀。

    '@angular-eslint/component-class-suffix': [
          'warn',
          {
            suffixes: ['Component', 'Page'],
          },
        ],
    
        2
  •  5
  •   Vitaliy Ulantikov Peter Miehle    6 年前

    打开 tslint.json 在项目的根目录中更新 component-class-suffix 财产:

    {
      ...
      "component-class-suffix": [true, "Component", "View"]
      ...
    }
    

    请注意,如果希望默认后缀仍然有效,组件应该留在那里。

        3
  •  -2
  •   user184994    7 年前

    你可以编辑 tslint.json ,并使用以下规则:

    "component-class-suffix": false
    

    这将防止任何脱毛错误