Angular Universal Update Meta Tags With Dynamic Content

Hey I'm having an issue I have this blogs page that brings in dynamic data, and with that data I want to use it to populate meta tags so for example I'm doing something like this g

Solution 1:

I have a blog fully implemented in Angular 7. Here's how I was able to use Facebook meta tags dynamically without using Angular Universal:

1) in my backend (in my case it's Spring Boot) I created a service to generate an HTML file according to my current blog post. I am adding all the specific Facebook tags in the header of this HTML according to my blog post (like title, thumbnail, etc.)

2) In my HTML I add a "Go to Blog post" link

3) When I want to share the post blog, I am sharing the generated HTML URL on Facebook. And thus the title, thumbnail, etc. are according to my current post content.