如何在angular 8中改变按钮点击时段落的字体-家族[关闭] 。

Question

结束了。 这个问题需要 调试细节. 目前不接受回答。

---

想改进这个问题？ 请更新问题，使之成为 题外话 为Stack Overflow。

已关闭 上月.

改进这个问题

我正在尝试做一个网络应用，用户可以设置应用提供的任何字体样式，用于他的写作。

我正在使用20-30种字体样式。我试图在点击按钮的时候使用 [ngStyle]

和传球方式，如 {'font-family': 'Roboto, Helvetica, sans-serif'} 但没有一个能用。所有的东西都在工作 color, size 而不是 font-family.

你能告诉我正确的程序或者我做错了什么吗？

Answer 1

我已经尝试使用ngStyle动态设置字体，就像你描述的那样，它为我工作。看看这段代码

font = 'Roboto, Helvetica, sans-serif';

setFont() {
    this.font = this.font ==='Roboto, Helvetica, sans-serif' ? 'Ariel' : 'Roboto, Helvetica, sans-serif'
}

<button  type="button"  (click)="setFont()">ADD</button>
<div [ngStyle]="{'font-family': font}">{{ font }}</div>