6 Oct 2024
LowerCasePipe, UpperCasePipe, TitleCasePipe - use whatever you need in your #Angular app
#100DaysOfDocumentation
angular.dev/api/common/Lower…
1
17
633
5 Oct 2024
I didn't know about this one: KeyValuePipe. It transforms Object or Map into an array of key value pairs.
Do you use it in your #Angular apps?
#100daysofdocumentation
angular.dev/api/common/KeyVa…
2
1
28
1,328
4 Oct 2024
Console.log for an html file? #Angular has JsonPipe for that. It converts a value into its JSON-format representation so that it can be displayed in the template. Do you use it for some other use cases?
#100daysofdocumentation angular.dev/api/common/JsonP…
3
15
844
2 Oct 2024
Do you already optimize images in your #Angular app? You can use IMAGE_CONFIG and ImageConfig (breakpoints, placeholderResolution, disableImageSizeWarning, disableImageLazyLoadWarning) for that.
#100DaysOfDocumentation
angular.dev/api/common/IMAGE…
1
4
353
29 Sep 2024
Did you know that you can even specify an era in your #Angular DatePipe: G="AD", GGGG="Anno Domini" etc.?
#100DaysOfDocumentation
angular.dev/api/common/DateP…
8
421
28 Sep 2024
Do you know what EEEE in the date format stands for?
.
.
.
.
.
It's a weekday! With 'fullDate' in your #Angular DatePipe you can have your date as 'EEEE, MMMM d, y', i.e. Monday, June 15, 2015
#100daysofdocumentation
angular.dev/api/common/DateP…
12
582
27 Sep 2024
Just as with DATE_PIPE_DEFAULT_OPTIONS, you can set the default timezone in your #Angular app with DATE_PIPE_DEFAULT_TIMEZONE
#100DaysOfDocumentation
angular.dev/api/common/DATE_…
2
20
921
26 Sep 2024
Time-handling in Javascript can be troublesome. Did you know you can provide a default formatting for DatePipe in #Angular with DATE_PIPE_DEFAULT_OPTIONS?
#100DaysOfDocumentation
angular.dev/api/common/DATE_…
10
500
26 Sep 2024
#Angular async pipes are great! Not only do they automatically handle async data, but also when the reference of the expression changes, they automatically unsubscribe from the old Observable or Promise and subscribe to the new one.
#100DaysOfDocumentation
angular.dev/api/common/Async…
1
5
233
25 Sep 2024
You can use APP_BASE_HREF in your #angular app to specify the base href at the run time. In my current project we use it to adjust the path like <variable-part>/my-app. Do you use it? What is your use case?
#100daysofdocumentation angular.dev/api/common/APP_B…
5
2
26
1,635
24 Sep 2024
So far, I've been looking into #Angular routing capabilities. Now I'll explore <code>window.ng</code>. Let's start with ComponentDebugMetadata: This information might be useful for debugging purposes or tooling.
#100daysofdocumentation angular.dev/api/core/globals…
3
9
586
23 Sep 2024
#Angular experimental feature: you can enable view transitions in the Router by running the route activation and deactivation inside of document.startViewTransition.
#100DaysOfDocumentation
angular.dev/api/router/withV…
1
5
20
1,379
22 Sep 2024
Have you heard about #Angular ErrorHandler? Did you know that you have a dedicated NavigationErrorHandler, too?
#100DaysOfDocumentation
angular.dev/api/router/withN…
4
41
1,590
20 Sep 2024
With withEnabledBlockingInitialNavigation you can configure initial navigation to start before the #angular root component is created.
angular.dev/api/router/withE…
#100DaysOfDocumentation
1
15
624
19 Sep 2024
Use withDisabledInitialNavigation if there is a reason to have more control over when the #angular router starts its initial navigation due to some complex initialization logic.
angular.dev/api/router/withD…
#100DaysOfDocumentation
1
7
392
19 Sep 2024
No more subscription to ParamMap, no more ActivatedRoute. You can enable binding information from the #Angular Router state directly to the inputs of the component in Routeconfigurations and get the data via @Input()
#100DaysOfDocumentation
angular.dev/api/router/withC…
3
167
18 Sep 2024
I might repeat myself, but withDebugTracing is my go-to debugging method for complex #angular router interactions. Really useful!
angular.dev/api/router/withD…
#100DaysOfDocumentation
9
414
15 Sep 2024
You can (but should not!) inject your ROUTES directly in your #Angular app.
It is recommended to use higher level APIs such as RouterModule.forRoot(),provideRouter, or Router.resetConfig()
#100DaysOfDocumentation
angular.dev/api/router/ROUTE…
1
2
309
14 Sep 2024
Did you know that you can react upon event in #Angular router-outlet?
<router-outlet (activate)='onActivate($event)' (deactivate)='onDeactivate($event)' (attach)='onAttach($event)' (detach)='onDetach($event)'></router-outlet>
#100DaysOfDocumentation
angular.dev/api/router/Route…
1
4
28
896
13 Sep 2024
#Angular RouterLinkActive can do so much more! For example, the following checks the activated status without assigning any CSS classes:
<a routerLink="/user/bob" routerLinkActive #rla="routerLinkActive"> Bob {{ rla.isActive ? '(already open)' : ''}}</a>
#100DaysOfDocumentation
2
11
530