Sure, let me try to clarify things a bit. When working with Angular CSS/SCSS styles are encapsulated at the component level so that if desired you could have a CSS class “.myDiagramDiv” in both Component A and Component B with different values.
From a development standpoint it allows us to create components without worrying about overlap with existing or future components so that we can maintain a very high modularity.
When you set “encapsulation: ViewEncapsulation.None” in the TypeScript file you are essentially turning that off for that specific component. So, any CSS/SCSS that you have on that component is now accessible across the entire website. Normally this is not a significant issue but could cause trouble in the future. For example, if I were to implement your sample Angular diagram into my website I would have to avoid using “.myDiagramDiv” for any other future GoJS components.
This can easily be worked around by using specific naming conventions but it does somewhat go against the intended modularity of Angular. Which is why I asked if there was a work around.