在Angular 6中,可以使用以下方法根据活动标签更改div的背景颜色:
首先,在你的组件的HTML文件中添加一个div元素,并使用ngStyle指令来动态设置背景颜色。例如:
这里使用了三元表达式来根据selectedTag的值来设置背景颜色。你可以根据你的需求来添加更多的条件。
接下来,在你的组件的TypeScript文件中,定义一个变量selectedTag,并根据需要更改它的值。例如:
export class YourComponent {
selectedTag: string;
// 更改selectedTag的值
changeTag(tag: string) {
this.selectedTag = tag;
}
}
在上面的示例中,我们定义了一个selectedTag变量,并在changeTag方法中更改它的值。
最后,在你的组件的HTML文件中添加活动标签,并调用changeTag方法来更改selectedTag的值。例如:
在上面的示例中,我们定义了三个按钮,并在点击按钮时调用changeTag方法来更改selectedTag的值。
现在,当你点击不同的标签按钮时,div的背景颜色将根据你的选择而改变。