We are able to integrate power BI report using angular 2. But we are seeing a navigation area as highlighted in the below screenshot. This is allowing to navigating to other tiles in the report. We just need to hide this section to prevent navigation to other tiles. Please advise on how can we hide that section. Thank you.
It looks like you have just pasted a Publish to Web URL into an iFrame and exposed a report with anonymous access.
The weird thing is you have an extra navigation element that I don't ever see when I am embedding Power BI Reports. You have the navContentPaneEnabled property set to false and that is hiding the standard gray tabbed page navigation at the bottom of a Power BI report. However, you are seeing the other type of page navigation with forward and back arrows and no page names. I have only seen that navigation element before when I have used the Publish to Web feature. I will try to do a little testing on this over the weekend to see if I can recreate the problem.