ngStyle 指令未应用于 link 标记

Question

我正在尝试将 link 样式化为从 API 生成的颜色。这适用于文本按钮等，但是当我尝试将其应用于 link 时它不起作用。

<a href="#" [ngStyle]="{'color': brand?.colours.secondary}" *ngIf="!visitorName" (click)="setVisitor()">Don't want to give your name? That's fine! Start the review!</a>

它只是被 bootstrap link 样式覆盖了。

将此应用于 'p' 标签效果很好 - 因此从 API 中提取正确的颜色代码并加载到 ok:

<p class="mt-5" [ngStyle]="{'color': brand?.colours.secondary}">Don't worry we won't use your details for anything other then to give you the best experience possible.</p>

Answer 1

而不是 ngstyle ，使用 attr.style.

在SomeComponent.ts

myColor = fetchColorSomehow(); //#ff55aa or any color

在SomeComponent.html

[attr.style]="'color:'+mycolor+'!important'"

这里我们使用 !important

覆盖 bootstrap 颜色

ngStyle 指令未应用于 link 标记

ngStyle directive not applied to a link tag

ng-style

angular