【问题标题】:what type of prefix selector rules do you use for angular components?您对角度组件使用什么类型的前缀选择器规则?
【发布时间】:2018-03-24 15:48:32
【问题描述】:

我使用默认的 tslint.json 配置对我的 ng2 应用程序运行 tslint。 tslint 返回以下错误:

组件“MyComponent”的选择器应该有前缀“app”(https://angular.io/styleguide#style-02-07

作为一般策略,如果您有一个名为 MyApp 的 ng2 应用程序,您会像这样为所有选择器添加前缀吗?:

  • 我的应用用户
  • 我的应用帐户

或者您不会对选择器如此具体,而只是使用通用的“app”前缀来指示选择器属于主应用程序?例如:

  • 应用用户
  • 应用帐户

从技术上讲,任何第 3 方组件都不会有前缀“app-”b/c,这显然会与消费应用程序中的 ng 组件发生冲突,并且也不会清楚地描述第三方组件的目的/角色。

【问题讨论】:

  • 你在征求意见,命名空间可能会更好
  • 这是一个有趣的观点。您是否为组件选择器使用完全限定的命名空间,例如:companyname-appname-componentname?
  • 不管你喜欢什么,一个简短的形式名称可能更容易,但这只是我的看法,你做你认为最好的事情

标签: angular


【解决方案1】:

我会说使用您的项目特定前缀并在您的 tslint 配置中进行配置。

对于我的项目,我使用cfs 及其项目名称的缩写形式,其他团队通过名称知道这一点。您将为所有组件选择什么名称是真正的人。

并且确保不要使用 ng,因为它被 Angular 团队使用,其他人会很困惑,看看它是您的组件还是 Angular 核心组件。

【讨论】:

    猜你喜欢
    • 2019-09-08
    • 2012-01-12
    • 2014-12-30
    • 2015-02-05
    • 1970-01-01
    • 2018-11-23
    • 2013-06-27
    • 2014-10-26
    • 2017-06-15
    相关资源
    最近更新 更多