修改根组件之外的 DOM 元素

2024-04-14

我的 Angular 2 应用程序的结构如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <base href="/" />

    <script src="jspm_packages/system.js"></script>
    <script src="config.js"></script>

    <script>
        System.import('client/main.js');
    </script>
</head>
<body>
    <my-app></my-app>
</body>
</html>

根组件是my-app成分。

我想修改html位于根组件模板之外的元素,以向其添加一些属性。这可能吗?

就我而言,我正在尝试设置dir and lang基于当前用户设置的属性,这些设置将在运行时检索。


您可以使用普通JS DOM 访问 https://stackoverflow.com/questions/18982228/how-to-add-meta-tag-in-javascript或使用 DOM 适配器,如下所示Title service https://angular.io/docs/ts/latest/api/platform-browser/index/Title-class.html (source https://github.com/angular/angular/blob/master/modules/@angular/platform-browser/src/browser/title.ts)

https://github.com/angular/angular/blob/master/CHANGELOG.md#400-beta0-2016-12-15 https://github.com/angular/angular/blob/master/CHANGELOG.md#400-beta0-2016-12-15还介绍了一个Meta创建和修改服务<meta> tags.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

修改根组件之外的 DOM 元素 的相关文章

随机推荐