在Angular 8中,要更改内联SVG的填充颜色,您可以使用以下步骤:
fillColor = 'red';
ngStyle
指令将填充颜色绑定到变量。例如,在SVG元素中添加以下代码:
ViewChild
访问该元素。例如,在SVG元素中添加以下代码:
ViewChild
装饰器引用SVG元素。例如,添加以下代码:import { Component, ViewChild, ElementRef } from '@angular/core';
@Component({
...
})
export class YourComponent {
@ViewChild('mySvg', { static: true }) mySvg: ElementRef;
...
}
nativeElement
属性,使用JavaScript或jQuery代码来更改填充颜色。例如,在某个方法中添加以下代码:changeFillColor() {
this.mySvg.nativeElement.style.fill = 'blue';
}
这样,当点击按钮时,填充颜色将更改为蓝色。您可以根据需要调整变量和方法的名称和逻辑。