The controllers of component concept in Angular: part II

[MarsiBarsi]

The second part of the "Component controllers" story:

• Part I: How we make our base components more flexible: controllers concept in Angular
• Part II: coming soon...

[alexsherekin]

Thank you for a great article Roman.

Maybe I'm wrong and miss some context or don't know about some specific use cases, but the whole mechanism looks for me similar to how CSS cascade and CSS custom properties work.
If the bundle size is so critical, didn't you consider using more CSS capabilities provided by browsers?

[MarsiBarsi]

Hey 👋

Yes, we can compare the hierarchy with CSS custom properties and it's a good idea to use CSS custom properties if we need to customize CSS only. And such directives replace Angular @inputs: if you can replace your Angular @input with CSS property, it is better to do it anyway

[rip222]

I followed the whole guide and copy pasted all of the code, created a component and injected the controller into it, but it's not doing anything.
Also in the template I added <my-component tuiHintContent="test"></my-component>.

It does not even seem to run. Maybe I'm missing something? Should I bundle this controller with specific type of components like textfield?

[rip222]

https://stackblitz.com/edit/angular-ivy-yuehwx?file=src/app/test/test.component.ts.

Thanks in advance :)

[rip222]

any news?

[vadkuze]

@rip222 Just put TuiHintControllerDirective into NgModule.declarations

[vadkuze]

@rip222 i guess the main concept declared in that article is creation the common Controller to provide specific props to component. But you used one directive with Controller interface

[rip222]

@rip222 Just put TuiHintControllerDirective into NgModule.declarations

yea you are totally right! thank you!

@rip222 i guess the main concept declared in that article is creation the common Controller to provide specific props to component. But you used one directive with Controller interface

I thought the same, but could not achieve it. I thought the injected directive does not have to be added to declarations of a module