Как я могу предотвратить, чтобы в Angular две несовместимые директивы были назначены одному и тому же элементу?

Question

У меня есть похожие директивы, которые не следует добавлять к одному и тому же элементу HTML, чтобы избежать странного поведения.

Существует ли какой-либо стандартный способ установить директивы как несовместимые или проверить, присвоены ли они директивам одному и тому же элементу, и выдать ошибку или предупреждение?

Answer 1

Этого можно добиться с помощью специального правила в linter, такого как eslint. Сконфигурируйте его как ошибку, и lint потерпит неудачу, когда будет выполнено правило. Я полагаю, что это лучший подход, чем пытаться обнаружить его в коде самих директив во время выполнения. Существует множество ресурсов для обсуждения пользовательских правил eslint, таких как https://flexport.engineering/writing-custom-lint-rules-for-your-picky-developers-67732afa1803