Angular 4 – Add dynamic class to the body based on route.

Inside the root app component, Inject the Router and subscribe to route change events and detect the NavigationStart event with the event type instance, its called NavigationStart.

angular add dynamic class body based route

With the Renderer2 class we can add and remove class to the body as shown below.

I hope you like this Post, Please feel free to comment below, your suggestion and problems if you face - we are here to solve your problems.

0 0 vote
Article Rating
Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Dan
Dan
3 years ago

How do you write test for this? Renderer2 seems not to be testable…

arjun
3 years ago
Reply to  Dan

I do not have much experience with Angular 2 tests, I have check docs. Let me know if found any solutions

DMCA.com Protection Status
2
0
Would love your thoughts, please comment.x
()
x