更改Angular 6中边栏选定值的颜色

在Angular 6中更改边栏选定值的颜色，可以通过以下步骤实现：

1. 首先，在Angular项目中找到包含边栏的组件文件。通常，边栏是通过组件的HTML模板和CSS样式来定义的。
2. 在HTML模板中，找到用于显示边栏选项的元素。这通常是一个列表或菜单。
3. 在该元素上添加一个CSS类或样式绑定，以更改选定值的颜色。可以使用Angular的样式绑定语法来实现这一点。例如，可以使用ngClass指令来根据选定状态动态添加或移除CSS类。
4. 在CSS样式文件中，定义所添加的CSS类或样式。可以使用颜色属性来更改选定值的颜色。例如，可以使用color属性来设置文本颜色，background-color属性来设置背景颜色。

以下是一个示例代码：

在组件的HTML模板中：

<ul>
  <li [ngClass]="{'selected': isSelected(item)}" *ngFor="let item of sidebarItems">{{item}}</li>
</ul>

在组件的CSS样式文件中：

.selected {
  color: red; /* 设置选定值的文本颜色为红色 */
  background-color: yellow; /* 设置选定值的背景颜色为黄色 */
}

在上述示例中，isSelected()是一个组件中的方法，用于判断当前项是否被选定。根据选定状态，ngClass指令会动态地添加或移除"selected"类。

请注意，以上示例仅为演示目的，并不涉及具体的Angular 6项目结构和组件实现。实际应用中，根据项目的具体情况进行相应的修改。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL版：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos