Как манипулировать привязкой данных в структурной директиве

Question

У меня есть структурная директива, управляющая входным управлением (и делающая что-то большее с DOM в реальном мире).Пожалуйста, посмотрите этот пример https://stackblitz.com/edit/structural-directive-binding.

Мне нужно что-то для манипулирования значением ввода.В этом примере я хочу ввести «угловой».Отображаемое входное значение должно быть 'ANGULAR', но значение модели все еще должно быть 'angular'.

Мне нужно поддерживать подход, основанный на шаблонах и моделях.

Если бы я создал компонентЯ бы реализовал интерфейс ControlValueAccessor для этой задачи.Но я думаю, что это не работает над структурной директивой.В angular.js у меня были бы форматеры / парсеры для этой работы.Какой способ пойти сюда?

Answer 1

Я думаю, что есть две разные проблемы.Показать манипулированные данные на пользовательском интерфейсе и сделать что-то с DOM.Я не уверен, что вы можете делать то, что вы хотите, в одной директиве, подобной этой, из-за поведения ngModel.

Я предлагаю использовать директиву атрибута / pipe (встроенную в верхнем регистре или пользовательскую, если хотите) для манипулированияпоявление входного значения и структурная директива для манипулирования DOM.