html – 如何使用Angular更改最外层标记的背景颜色

html – 如何使用Angular更改最外层标记的背景颜色,第1张

概述我想以编程方式更改AngularApp的背景颜色.这里的问题是,更改应用程序内部的背景,仅适用于屏幕的某些部分.可能只是已经填充内容的内容.我希望整个网站改变颜色. 我正在使用angular.io提供的种子. index.html看起来像这样: <!DOCTYPE html><html> <head> <base href="/"> <title>Angu 我想以编程方式更改Angularapp的背景颜色.这里的问题是,更改应用程序内部的背景,仅适用于屏幕的某些部分.可能只是已经填充内容的内容.我希望整个网站改变颜色.

我正在使用angular.io提供的种子. index.HTML看起来像这样:

<!DOCTYPE HTML><HTML>    <head>        <base href="/">        <Title>Angular QuickStart</Title>        <Meta charset="UTF-8">        <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1">        <link rel="stylesheet" href="styles.CSS">        <!-- polyfill(s) for older browsers -->        <script src="node_modules/core-Js/clIEnt/shim.min.Js"></script>        <script src="node_modules/zone.Js/dist/zone.Js"></script>        <script src="node_modules/systemJs/dist/system.src.Js"></script>        <script src="systemJs.config.Js"></script>        <script>            System.import('app').catch(function (err) { console.error(err); });        </script>    </head>  <body>    <my-app>Loading AppComponent content here ...</my-app>  </body></HTML>

有没有办法从Angularapp *** 纵最外层“body”的类?

我可以更改“my-app”中的所有内容 – 标记.有没有办法以第一个“body”标签在我的控制中的方式设置index.HTML?

如果没有,是否有另一种方法来控制外部“身体”标签?

提前致谢!

BR Mathias

解决方法 组件中有一种更简单的方法

@Component({    selector: 'app-root',templateUrl: './app.component.HTML',styleUrls: ['./app.component.CSS']})export class AppComponent {    constructor() {        document.body.style.background = 'rgba(0,.6)';    }}

或者在src / styles.CSS中使用简单的CSS

body {    background: whatever;}
总结

以上是内存溢出为你收集整理的html – 如何使用Angular更改最外层标记的背景颜色全部内容,希望文章能够帮你解决html – 如何使用Angular更改最外层标记的背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1046093.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-24
下一篇2022-05-24

发表评论

登录后才能评论

评论列表(0条)

    保存