Explore tweets tagged as #AngularTip
Fix your control-flow syntax formatting in @angular html templates using @PrettierCode . #Angular #AngularTip #WebDev
2
10
87
Did you know?. In @angular, to get static attribute value, you can use HostAttributeToken class!. #Angular #AngularTip #WebDev
4
16
88
Ever wanted to know how user is interacting with your application, through keyboard, mouse or touch?. In @angular, you can use CDK's InputModality to detect user's input modality. Take a look at this example 👇. #Angular #AngularTip #WebDev
2
6
60
#AngularTip for the day! Are you sad to see MARQUEE tag deprecated? With a few lines of #CSS and literally one line of #JavaScript you can make a running text smooth as butter:.
3
6
59
#AngularTip for the day! Add helper functions to your injection tokens so that consumers can easily provide it with one line with a type-safe value:.
2
14
73
#AngularTip for the day! Want to use CSS :invalid selector with #Angular reactive forms? Create a little directive to toggle validity on the native HTML element:.
3
11
89
#AngularTip for the day! Use Angular animations + a neat #CSS grid trick to implement perfect crossfade:.
1
6
74
#AngularTip for the day! While I think browsers should just do that on their own, I present you a simple directive to be able to copy 'select' value. Keep in mind blitz will not work due to permissions and iframe:.
2
18
95
#AngularTip for the day! Did you know you can create dynamic components on existing DOM elements? This way you can have a directive with certain logic you always need, but the visual representation can be provided with DI as dynamic component. Check it out.
2
11
102
#AngularTip for the day! Need to know when an input value is changed programmatically? Combine some black magic of prototype patching with CustomEvent:.
3
6
77
#AngularTip for the day! Want to be able to declaratively control inputs/public properties of `hostDirectives` from your components? With signals it is possible with a simple wrapper, check it out:.
0
9
61
#AngularTip for the day! Want to use styles with directives? Create a dummy component that stores the styles and a small helper to use in one line inside your directive. See it in action:.
4
13
81
#AngularTip for the day! Ever wanted your outputs to bubble? You can achieve similar result using native CustomEvent. Not typesafe, unfortunately, but check out the example below:.
0
6
53
#AngularTip for the day! With `display: contents` you can plug your components where it would otherwise cause invalid layout, like inside of tables:.
3
4
47
#AngularTip for the day! Create a fancy fadeout effect for overflown content utilizing CSS masking:.
0
2
21
Angular UI library maintainers, how do you identify if animations are disabled?. #Angular #AngularTip #WebDevelopment
0
2
19
#AngularTip of the day! Let's do one last thing, while we're at it — you can listen to host directives outputs as signals in your #Angular components with this simple helper. Check it out:.For more context, take a look at my previous tweet 😉
1
4
38
#AngularTip for the day! Need a way to control `hostDirective` from a host? Create a decorator that injects the directive and updates the value! No getters unfortunately, since hostDirectives run their lifecycles first and we end up with ExpressionChanged.
0
7
57
#AngularTip for the day! Add a small ResizeObserver based event manager plugin to your @Angular app and be able to watch for elements changing dimensions with ease:.
1
14
91
That's all for now, stay tuned for more updates😍.I hope this helps!.Happy coding!.🔔 Follow.@vishwaSayambar. For: 🌐 Web Development content. #100DaysOfCode #learning #Angular #100daysofcodechallenge.#angular #angulardeveloper #learner #tips #react #angulartip
0
0
1