angular - How to let IDE understand a custom attribute is valid

Question

I was trying to add a custom directive to all the elements in my Angular app (v9.1.4). I added this attribute to prevent the behavior for some of the elements.

  @Directive({
      selector: 'my-custom-element:not([preventBehavior])',
    })

The problem now is that the IDE doesn't understand when the attribute is valid throwing a warning "Attribute preventBehavior is not allowed here", in spite of Angular suggesting that attribute in autocomplete.

Previously, to fix this, I added an empty attribute to the styles.scss, delegating to the css engine, but this is clearly a hack.

Is there a more correct way to declare the existence of this attribute and make the IDE understand where is applicable?

question from:https://stackoverflow.com/questions/65935817/how-to-let-ide-understand-a-custom-attribute-is-valid

Answer 1

Waitting for answers