Como impor aos desenvolvedores o uso de colchetes sobre colchetes?

9

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
3
Talvez isso ajude você: rangle.io/blog/custom-tslint-for-angular
MoxxiManagarm
11
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
2
Gostaria apenas de aplicá-la durante uma revisão de código
Oliver Cooke

Respostas:

10

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
3

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

John Peters
fonte