W3C User Timing in Angular

I am attempting to insert User Timing Marks into an Angular App. I want to measure when a content element on the page is displayed. For example, I’d like to find out when content ATF has rendered.

The content is within the app.component.html file so I thought that it made sense to place there. But it appears that when the page renders, the timing marks do not display when I look at the Chrome Dev tools timing area.

I am using the sample Angular setup page:

Test Page {{ title }}!

Here are some links to help you start:

At a basic level, does anyone have any example of how to accomplish this in Angular? I haven’t been able to find any documentation with a specific example. Any marks within the index.html page are output.

Any information would really be helpful.