在Angular 8中更改按钮点击时<div>标签的背景色
，可以通过以下步骤实现：
- 在组件的HTML模板中，找到需要更改背景色的<div>标签，并为其添加一个唯一的标识符，例如给它一个id属性或者使用Angular的模板引用变量。
- 在组件的TypeScript文件中，导入ViewChild装饰器，并使用它来获取<div>标签的引用。
- 在组件的TypeScript文件中，导入ViewChild装饰器，并使用它来获取<div>标签的引用。
- 在组件的TypeScript文件中，创建一个方法来处理按钮点击事件，并在该方法中更改<div>标签的背景色。
- 在组件的TypeScript文件中，创建一个方法来处理按钮点击事件，并在该方法中更改<div>标签的背景色。
- 在组件的HTML模板中，将按钮的点击事件绑定到上述方法。
- 在组件的HTML模板中，将按钮的点击事件绑定到上述方法。
现在，当按钮被点击时，<div>标签的背景色将会更改为红色。你可以根据需要自定义背景色的值。
关于Angular 8的更多信息，你可以参考腾讯云的Angular产品介绍页面：Angular产品介绍
相关·内容
在下面的HTML代码中，我试图改变按钮点击的背景颜色。 <div>Hello This is Ajay<\div>
<button>Change Color!<\button> 我对Angular非常陌生，正在尝试连接JQuery和Angular进程。在JQuery中改变背景是如此的平滑，但它的角度却很难改变。
浏览 41提问于2020-01-29得票数 0
回答已采纳
我有一个有文本框的模板，一个'span‘标签和一个'div’标签。
‘'div’标签有'selectedColor‘自定义指令。当输入值改变时，我想改变'span‘和'div’标签的背景色。最后，我希望我的指令对输入变化做出反应，并设置'div‘标签的
浏览 2提问于2016-01-18得票数 5
回答已采纳
4回答
我有一个div，我想把它的按钮中心。2-如何将其放置在div的中心？(我想给那个按钮一个背景色，正因为如此，当我使用背景色时，背景色占据了所有的那一行)
浏览 2提问于2021-04-08得票数 0
回答已采纳
4回答
我有angularJS 1.5.0-rc.2data-ng-disabled="Expression"<button data-ng-disabled="false">Select</button> // don't work
<button data-ng-disabled="loaded= false">Select</button>
浏览 5提问于2017-04-28得票数 13
回答已采纳
如何允许用户使用Angular在in中更改应用程序颜色。例如，我想创建一个按钮，当它被点击时，它应该带来一个颜色下拉列表，当选择一个颜色时，它应该改变应用程序的背景色
浏览 0提问于2016-10-15得票数 1
2回答
加载页面时的btn-group，如下所示然后鼠标点击(在新娘按钮上)并释放鼠标btn-group，如下所示。背景色发生了变化，我试图使用css将其改为红色。但不起作用。使用css单击后，是否有可能更改引导带默认标签背景色？.gender-label:active { background-color: red;} <li>
<div class="b
浏览 1提问于2016-04-09得票数 3
回答已采纳
我正在尝试为我的项目实现一个单词搜索游戏。我使用网格和标签(使用博客)创建了单词搜索信箱。每个信箱都有一些单词，这些单词列在信箱下面。我需要通过拖动标签来选择隐藏在信箱中的单词。开始拖动时，背景颜色更改为橙色。如果拖动的单词在“单词”列表中，请将背景颜色更改为“绿色”。此外，我需要捕捉全部，正确和错误的尝试。
请观看视频，以获得一个清晰的想法。我还添加了一个示例项目作为参考。我需要
浏览 6提问于2020-09-22得票数 0
回答已采纳
在点击一个按钮后，我遇到了一些奇怪的轮廓，当我将鼠标悬停在链接标签上时，这个按钮使用了mat-button的任何角度材料的变体，以及链接标签的下划线。我使用的是Angular 6，Angular材质和一些Bootstrap 4。上面图片的代码很简单：
<div class="container&
浏览 9提问于2018-08-09得票数 2
回答已采纳
假设我有一个可点击的复杂div元素结构，它链接到另一个页面，如下所示。这就是目前点击就能实现的事情。单击(css :active状态)更改<a>标记内的背景色并重定向到其他页面。我想知道这是否符合HTML5验证，或者与使用div包装它并使用JavaScript管理链接重定向和点击时的背景颜色更改相比，这是一种最佳实践。
对我来说，第一种方法似乎更简洁、
浏览 0提问于2016-05-11得票数 4
回答已采纳
2回答
<div ng-controller="TestingCtrl"> <input ng-class="{'fancy' :status2}"> <&#
浏览 5提问于2014-08-02得票数 0
回答已采纳
1回答
我有一个显示水果列表的应用程序。当您单击其中之一时，会弹出一个视图，其中包含该水果中的所有信息和营养价值。如果我点击的水果中含有10种以上的糖，背景应该在红色和白色之间重复。我的问题是，我有一个后退按钮(Tilbake)，它工作在每一个视图，除了那些有动画背景颜色超过10的糖。滑动视图的能力也停止工作。它似乎是某种图层，它在屏幕上，阻止我真正接触屏幕。
浏览 8提问于2022-11-20得票数 0
回答已采纳
4回答
我已设置状态以更改背景的颜色。const [bgClr, setBgClr] = useState('white');<Button <b>$ 15</b>
<
浏览 5提问于2021-09-25得票数 0
回答已采纳
1回答
在我的Angular应用程序中，我使用RouterModule实现了路由。我在一个页面上有三个按钮，点击该页面导航到另一个页面。在Chrome、Firefox和Safari上一切正常，但在IE 11上就不行了。
浏览 9提问于2020-06-19得票数 0
回答已采纳
有一个div，它的背景色是随白色而变化的，在每个second.there中都有一个按钮来改变那个div的背景色。单击该按钮时，每秒钟用白色更改新的背景色。当点击按钮改变背景色时，running.but代码是正确的，只有mozilla才能改变背景色</
浏览 4提问于2014-09-17得票数 2
回答已采纳
7回答
如何使DIV部分可点击？
、、、
我写了一个网页，其中的链接都包含在自己的标签内。我还用CSS (边框、背景色、填充)使它们成为所有的按钮样式。如何通过点击整个DIV来激活链接？
浏览 0提问于2009-06-07得票数 5
回答已采纳
1回答
我需要一个具有功能的按钮列表，但这些按钮将不会知道，直到网站实际加载。button><label id='ButtonLabel'></label><label id='NumLabel'></label>
</html>在加载按钮后，我希望它的<
浏览 43提问于2018-06-08得票数 0
回答已采纳
在css中，我试图更改输入的父标签的背景色，所以当单击单选按钮时，它会更改颜色。我正在隐藏单选按钮，没有显示。因为标签给它一个漂亮的按钮外观。这是我的密码。在html中，我只是使用了一个输入标记并更改了span，但是必须用库进行不同的操作。我能够让它与输入和span一起工作，就像我的<
浏览 3提问于2019-10-17得票数 4
回答已采纳
1回答
只自定义单击的按钮
、、、
我开发了两列，两列都有几个按钮。目标是点击每个按钮，更改该按钮的背景色和字体颜色。
在早期阶段，所有按钮都处于它们的自然状态。通过单击左列(A、B、C)中的一个按钮，我只希望该按钮更改背景色和字体颜色，与右边列中的按钮相同。还有一种方法是，当您单击左侧列中的按钮</e
浏览 1提问于2020-05-28得票数 1
回答已采纳
在我的程序中，我得到了两个窗口forms.Each窗口窗体有一个标签和一个激活button.Once我启动(加载)程序，两个窗口窗体将弹出together.My意图是当我点击form1激活按钮时，我的form1标签的背部颜色将变成“绿色”(让用户知道这个form1被激活).Up到这里我可以写软code.But当我点击form2激活按钮时，form1将不再激活，我的
浏览 3提问于2012-08-17得票数 0
我正在做一个反应项目，因为我有一个按钮，我写了一个函数来改变背景色，但是我需要的是当设备大小为320 in时，当我点击这个按钮时，它的背景色必须改变为红色。同样，如果设备大小为768 to，那么当我单击该按钮时，它的背景色必须更改为绿色。为此，我尝试使用开关大小写，但我不知道如何在函数中编写开关大小写，因此请帮助我实现这一点
这是我的</
浏览 5提问于2021-06-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
