可以通过以下步骤实现:
.svg
为扩展名。fill
属性定义的。Renderer2
和ElementRef
类。这两个类将帮助我们修改SVG元素的样式。import { Component, Renderer2, ElementRef } from '@angular/core';
Renderer2
和ElementRef
类的实例。constructor(private renderer: Renderer2, private elementRef: ElementRef) { }
Renderer2
类的setStyle
方法来更改SVG元素的颜色。changeColor() {
const svgElement = this.elementRef.nativeElement.querySelector('svg'); // 获取SVG元素
this.renderer.setStyle(svgElement, 'fill', 'red'); // 设置SVG元素的颜色为红色
}
<button (click)="changeColor()">Change Color</button>
现在,当点击按钮时,SVG标记的颜色将更改为红色。你可以根据需要修改颜色的值。
请注意,这只是一种从TypeScript更改Angular Map SVG标记颜色的方法之一。根据你的具体需求和项目结构,可能会有其他的实现方式。
领取专属 10元无门槛券
手把手带您无忧上云