如何修复角度8中的jw-modal选择器问题

Question

我有以下代码，当我在node.js中运行命令“ npm run lint”时，在选择器第4行出现错误（选择器应以“ app”作为前缀）。我尝试这样做：“ app-jw-modal”，所有模态内容都出现在主页上。

是否有解决前缀问题的方法，如选择器问题？

comp.ts

1. import { Component, ViewEncapsulation, ElementRef, Input, OnInit, OnDestroy } from '@angular/core';
2. import { ModalService } from './modal.service';

3. @Component({ 
4.  selector: 'jw-modal', 
    templateUrl: 'modal.component.html', 
    styleUrls: ['modal.component.less'],
    encapsulation: ViewEncapsulation.None
})

Answer 1

有两种解决此问题的方法。

1。

将jw-modal的所有实例更改为app-jw-modal。这将包括当前使用选择器的任何位置。

如果引用了任何类似的组件：

<jw-modal></jw-modal>

即变为：

<app-jw-modal></app-jw-modal>

2。

修改TSLint规则以满足您的需求。

{
  "extends": "../../tslint.json",
  "rules": {
    "component-selector": [true, "element", "app", "kebab-case"]
  }
}

您可以修改此规则，以选择所需的前缀，也可以关闭该规则。