IB
каждый раз ору с названия
Size: a a a
2021 May 24
ЕУ
S
как ты до этого дошел
IT
Собрание гребанных анимешников
IT
Осуждаю
S
опа, токсик
IT
И что есть посмотреть интересного из нового?
AI
Из нового — Полиморфеус 4.0 :) В Angular 12 добавился сеттер на контекст:
https://github.com/angular/angular/blob/master/packages/core/src/view/refs.ts#L267-L269
Казалось бы мелочь, но раньше там был дикий код на мутации контекста, из-за которого я вместо своей структурной директивы использовал компонент с ngTemplateOutlet внутри, чтоб этот шматок не писать самому. Теперь же я всё это дело дропнул и в 4.0 полиморфеусу больше не нужен дополнительный DOM элемент:
https://github.com/angular/angular/blob/master/packages/core/src/view/refs.ts#L267-L269
Казалось бы мелочь, но раньше там был дикий код на мутации контекста, из-за которого я вместо своей структурной директивы использовал компонент с ngTemplateOutlet внутри, чтоб этот шматок не писать самому. Теперь же я всё это дело дропнул и в 4.0 полиморфеусу больше не нужен дополнительный DOM элемент:
<ng-container🎉
*polymorpheusOutlet="content as primitive"
>
Template for <strong>{{primitive}}</strong>
</ng-container>
AI
Приглашаю заценить, если кто не видел:
https://github.com/TinkoffCreditSystems/ng-polymorpheus
Это штука для кастомизации на стероидах, объединяющая ngTemplateOutlet, ngComponentOutlet, интерполяцию и функции в качестве контента.
https://github.com/TinkoffCreditSystems/ng-polymorpheus
Это штука для кастомизации на стероидах, объединяющая ngTemplateOutlet, ngComponentOutlet, интерполяцию и функции в качестве контента.
K🦋
Крут, закинул в канал
S
И теперь контекст не мутируете?
AI
В компонентах "типа мутируем" - там создаётся прокси. Иначе на каждое изменение контекста весь компонент будет заново пересоздаваться, а там часто какие-нибудь флажки меняются типа active: true/false. Как и раньше подпинываем в нём проверку изменений, только теперь у нас componentRef свой, не приходится к приватному полю ngComponentOutlet обращаться.
AI
Т.е. по факту не мутируем, конечно, там и раньше копия создавалась и мы полагались как раз на мутанта из ngTemplateOutlet. Сложно объяснить, в общем )
S
а не хотите намутить там какой-нибудь обсервабл например?
AI
Вроде там с прокси довольно органично вышло всё, не думаю, что стоит усложнять. Для пользователей всё работает очень просто.
AI
Что ты шаблон сделаешь:
<ng-template let-active="active">что компонент, даже в
{{active}}
</ng-template>
OnPush@Component({
template: '{{context.active}}'
})
export class MyComponent {
constructor(
@Inject(POLYMORPHEUS_CONTEXT) readonly context
) {}
}всё обновляется и не пересоздаётсяS
но если я в конструкторе класса присвою классу проперти из контекста...
S
чиста подстветил
AI
То у тебя не будет обновляться ) Думаю, что если ты дошёл до динамического контекста, то ты уже знаешь, что делаешь и не будешь так писать. А иначе там ребята напишут, как они любят, в шаблоне прям объект:
context: { $implicit: value } и на каждую проверку изменений он будет пересоздаваться и динамический компонент, соответственно, тоже.