DOH! I have been working on a new project at work and decided to do it in Angular CLI since that's what everybody at work is starting to use.
Luckily, there was another page doing almost the exact same thing as my project so I was able to 'borrow' amost of the code from that which is good because it turns out I don't know Angular 6/7 all that well.
As an added bonus, we are also getting some assistance from our offshore team who have been a huge help getting everything set up.
We are almost finished but I took on a ticket to get the cshtml page to load the metadata from a url passed in the viewbag and spent close to two days trying to figure it out.
There was a problem with loading the metadata on my component typescript file where the api data was not being returned in time for the grid that would try to load without it and break.
I tried doing a bunch of stuff I use to do in Angular JS with no luck and it wasn't till around 4pm today that I realized looking in another guy's code I could load the metadata in the main.ts file and it would be ready before the component ts file would run it's 'onInit' method.
I managed to get it checked in so the offshore team can review it for the next two days and hopefully they don't tear my code apart. We'll have to wait and see. Fingers crossed.