Question

在我的角度应用程序中，我有一个组件，由另一个组件的html引用，所以我在kebab案例中给它一个选择器如下：

@Component({
  selector: 'swiftlog-navbar',
  templateUrl: './swiftlog-navbar.component.html',
  styleUrls: ['./swiftlog-navbar.component.css']
})
export class SwiftlogNavbarComponent {

当我开始纱线启动时，我收到以下错误

警告在./src/main/webapp/app/swiftlog-navbar/swiftlog-navbar.component.ts [4,13]：组件的选择器＆＃34; SwiftlogNavbarComponent＆＃34;应命名为undefined（https://angular.io/styleguide#style-05-02）＆＃39;

任何想法＆＃34;的意思应该命名为undefined＆＃34 ;, tslint文件中的哪个规则在这里应用，或者我做错了什么？我在上面引用的样式指南中找不到任何线索。

谢谢，Mart

Answer 1

如果您正在使用angular-cli，请尝试将自己的前缀添加到angular-cli.json：

apps: [
  {  ..., "prefix": "swiftlog"}
]

还要更改你的tslint配置：

"component-selector": [true, "element", "swiftlog", "kebab-case"],

here对此配置属性的引用。

Typescript组件选择器应命名为undefined

1 个答案: