Como impor aos desenvolvedores o uso de colchetes sobre colchetes?

Quero impor os desenvolvedores no meu aplicativo para usarem em []vez de {{}}nos atributos do elemento.

por exemplo, este código deve causar um erro (no tempo de compilação / exibição / fiapo):

<mycomponent id="{{i}}">

o código atual é

<mycomponent [id]="i">

Como eu faço isso?

angular

— Jon Sud
fonte

A sugestão acima é o melhor xD. Se não estiver sob seu controle, basta adicionar uma regra de linter . Verifique se todos os códigos os satisfazem antes de adicionar à base de código.

— Arcteezy 11/11/19

Talvez isso ajude você: rangle.io/blog/custom-tslint-for-angular

— MoxxiManagarm

como eu sei que você pode mudar o symbole interpolação padrão jogar a 'interpolação' metadados do seu componente, mas se você quiser anular o modo de interpolação a melhor abordagem é apenas para dizer-lhes

— Z.Bolbol

Gostaria apenas de aplicá-la durante uma revisão de código

— Oliver Cooke

Respostas:

Conforme comentado, uma das possibilidades seria criar uma regra TSLint personalizada e adicionar severidade para forçar os desenvolvedores ao compilar lançando os erros adequados. Você terá um tslint.json em seu projeto para todas as regras principais e personalizadas.

Verifique aqui como escrever uma regra personalizada: https://palantir.github.io/tslint/develop/custom-rules/

Em outros assuntos, esteja ciente de que o TSLint está sendo preterido e o ESLint seria seu substituto.

— ZetaPR
fonte

Ensine-os, seja gentil e dê bons exemplos.

— John Peters
fonte