Question

我的角度应用程序外部有静态页眉和页脚，我需要在那里显示一些变量。

<some-html>variable</some-html>
<app-root></app-root>

我从角度应用程序中的cookie服务获取的字符串。实际上我知道我可以在角度应用程序之外编写一些逻辑并单独获取这些数据。

但我想知道是否有任何其他可能的方法将此数据传递给外部标记，这些方法在app-root之外？

Answer 1

如果要在应用程序之外使用变量，可以使用sessionStorage，sessionStorage将绑定到浏览器选项卡。如果想在多个标签中使用localStorage。

示例：

sessionStorage.setItem('variable', JSON.stringify(variable));

要获取变量可以使用：

JSON.parse(sessionStorage.getItem('variable'));

Answer 2

属性绑定不适用于根组件，即您引导的组件。

这不起作用的原因是你的index.html在其中

不是角度分量。因此，Angular将无法编译    这个元素。并且Angular在读取期间不读取属性值    运行时，只在编译期间，否则，我们会得到一个    性能打击。（托比亚斯博世）

引用@Thierry Templier 来自 Pass data from html body to root component

解决方法是利用DOM：

SELECT GROUP_CONCAT(i ORDER BY player_number ASC SEPARATOR ' ') as 'players' FROM ( SELECT CONCAT(first_name,' ',surname,' #',player_number) as 'i' ,player_number from soccer_team ) as a;    在组件中：

SELECT GROUP_CONCAT(CONCAT(first_name,' ',surname,' #',player_number) 
                     ORDER BY player_number ASC SEPARATOR ' ') as 'players' 
FROM soccerteam

如何将变量外角应用程序传递给外部html？

2 个答案: