CODEWITHSUNDEEP
angulartslintcodelyzer
lealceldeiro
lealceldeiro

Reputation: 14978

How to disable tslint rule for Angular style guide: "The selector should be prefixed by <prefix>"?

I have an Angular test for some component which uses the directive ngb-pagination from ng-bootstrap.

Now, in my test I mock this component as follow:

// on next line I get: The selector should be prefixed by "<prefix>" (https://angular.io/guide/styleguide#style-02-07) (component-selector)
@Component({ template: ``, selector: 'ngb-pagination' })
class DummyNgPagination {
    // some data here, not relevant in to the question
}

In the line where it is placed the @Component annotation I get a tslint error pointing to Style 02-07.

I tried to disable the rule by doing the following, but the result is the same.

// tslint:disable-next-line:directive-selector
@Component({ template: ``, selector: 'ngb-pagination' })

How can I disable that rule for that specific line?

PS:

Upvotes: 6

Views: 9761

Answers (3)

Mushegh Zakaryan
Mushegh Zakaryan

Reputation: 89

enter image description here

Remove prefix rule from .eslintrc.json

Upvotes: 5

lealceldeiro
lealceldeiro

Reputation: 14978

The rule directive-selector works for the @Directive decorator.

For a @Component you need to use component-selector

For example:

// tslint:disable-next-line:component-selector
@Component({ template: ``, selector: 'ngb-pagination' })

Upvotes: 7

Nadhir Falta
Nadhir Falta

Reputation: 5267

You can set that inside your angular.json file inside scematics entry like so:

You can set it for both Components and directives 

"schematics": {
    "@schematics/angular:component": {
      "prefix": ""
    },
    "@schematics/angular:directive": {
      "prefix": ""
    }
}

And if you are using the command line and you don't generate components/directives frequently, you can do that using the command line like so:

ng generate component my-component --prefix ""

Upvotes: 2

Related Questions