Пож, через HostBinding можно привязываться только к нативным браузерным атрибутам или к полям компонентов тоже?

в том случае, если добавить.

а покажите как импортируете модуль

это дефолтный экспорт (вроде как)

не помогло.

так тоже не хочет…

Причем IDE как ы все правильно понимает…

Мы реализовали у себя на проекте это таким вот образом.
У неё ещё и типизация есть? Можете ссылку на пакет дать?

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

хотя с declare может и прокатит, не пробовал еще.

где про все это доходчиво прочитать можно, читал на офсайте, но там хрен что понятно в сложных случаях.

Добрый день, подскажите пож, через HostBinding можно привязываться только к нативным браузерным атрибутам или к полям компонентов тоже?

У меня условно есть компонент с инпутом foo, на нем висит директива внутри которой я пытаюсь через HostBinding получить доступ к foo, но в итоге значение всегда undefined.

Я так понял что нельзя так делать?

constructor(
private readonly _element: ElementRef,
) {}

Вы можете использовать использовать сеттер для такого инпута

Добрый день!
хочу реализовать динамические формы.
Описание:
Цепляемся к любому тегу div
На вход передается такой массив
[
{type: «text», value: «», placeholder: «username»},
{type: «password», value: «», placeholder: «password»},
]

далее должна создаться данная форма с такими input.
Подскажите с помощью каких инструментов реализовать?

ты можешь достать сам компонент через ElementRef, выше пример скинул

Если формы ожидаются с заморочанной логикой можно посмотреть в сторону formly

Да я так и сделал, спасибо ) Просто хотел по хост биндингу разобраться

http://typescript-lang.ru/docs/Modules.html#`export =` и `import = require

Сетер имеется в виду внутри директивы в сочетании с хост биндинг?

Но это не является заменой обычным реактивным формам, скорее дополнение когда очень надо динамические

Так не использовал, не скажу)

Ну, думал про компонент в котором Input. Если нкжно получить доступ к инпуту компонента из дерективы, я бы достал компонент из инжектора (в конструкторе как любой сервис) и смотрел бы его свойства

да я так и сделал, лан спасибо, поковыряю еще хост биндинг таки )

Последняя попытка не удалась, походу ребятам пора тайпинги переписать свои…

а зачем import * as если там дефолтный экспорт

можно как то сделать матдиалог чтоб можно било скролить и закрить если делаеш клик за границами
.cdk-global-overlay-wrapper {
overflow: auto;
pointer-events: auto; // needed for chrome but prevents backdrop click close
}
что то по типу етово но проблема в том что нельзя закрить

Пробую всякими способами. Толку пока ноль.

Полщк всего попробовать самому на новом проекте, импортировать Яндекс карты и @types/yandex-maps.

https://habr.com/ru/company/macloud/blog/563722/ здесь, кстати, более менее понятное объяснение модулей и работы с ними в отличие от оффдоков.

Как можно в DefinitelyTaped использовать официальную поддержку вместо неймспейсов?

спасибо

Все, нашел способ, как это можно красиво сделать. Не уверен ,что правильно… 😜
https://davidea.st/articles/typescript-2-9-import-types/
Теперь и верхнюю строчку можно удалить.

Всем, привет. Вопрос по тестированию.
Есть функция проверяющая зарегистрирован пользователь или нет и я пытаюсь её протестировать.

Тест для неё написал вот такой. Но не уверен, что это правильно.
Может есть варианты как сделать это лучше ?

Привет, народ
Слушайте, хочу повторить такую же логику с ошибками, как на скрине, только в своем CVA

но почему то он меня заставляет условие писать в *ngIf немного другое, чем то, которое также на скринах указано

Вот как у меня сейччас со своим CVA
И проблема в том, что поле ошибка СРАЗУ появляется, даже если ниразу поле не трогали

вот с таким условием работает:
(createCombinationForm.dirty || createCombinationForm.touched) && createCombinationForm.get(‘categories’).hasError(‘required’)

переносить ошибки в сам CVA не хочу, так как CVA более обобщенный, и неизвестно какие ошибки будут, поэтому ошибки вынесены на этап «использования» моего CVA

тоесть я хочу добиться того же, что и с material примером(первый скрин)
почему там то работает так, а у меня нет

Здравствуйте. Новенький, в основном пишу на .NET, нужна помощь. Дайте наводку — что с этим можно сделать? Проект с гита, прописывал только npm i. Angular версии 8.1.3, Node js 16.15.0

Откатите ноду до 14

самое время проапгрейдить ангуляр до 14 (или до 12 если нужен ie11) 😀

рано 14й

эт почему же?

только вышел. нафига ща с багами плясать сходу

за отображение mat-error отвечает mat-form-field, а в нём состоянии ошибки высчитывается благодаря ErrorStateMatcher

т.е если хотите также то директива/компонент который принимает ErrorStateMatcher дефолтный/кастомный, в который вы будете сувать контрол/formgroup/не помню что еще можно и вот тогда заработает также

не работает
я пытался stateMatcher запихнуть внутри моего CVA
тож самое происходит