有没有一种方法可以为全屏（或指令）创建可以从任何组件启用/禁用的全局组件？

Question

因此，最近我一直在学习有关Angular的很多知识，并想尝试一些不同的东西。我想要一个由可调用浏览器全屏API的按钮组成的全屏组件。

问题是，我希望默认情况下禁用此组件，并且可以将其切换为从任何组件显示。

我没有任何代码可以显示，因为我确实不确定从哪里开始。我是否应该制定一个调用全屏服务的指令，该指令将具有enable / disable方法？

我是否只需要带有属性的服务，然后使用想要访问全屏组件的组件订阅该服务？

我希望我对此有所考虑，并且就像创建组件，服务，指令然后调用适当的方法以启用或禁用视图中的组件一样简单。

任何帮助都会真的很感激！

Answer 1

是否可以将应用程序划分为布局（页眉，正文，页脚），然后将按钮放置在页眉组件中，所以您可以从任何组件进入全屏，因为它们全部都位于的正文组件中您的应用？