如何将ng-class用于字体系列

时间:2017-05-13 13:14:18

标签: javascript angularjs

如何使用ng-class在angularjs中应用字体系列。字体系列将从下拉列表中加载

1 个答案:

答案 0 :(得分:3)

您需要根据此下拉值创建一个字体系列类

.exampleserif {
    font-family: Times, "Times New Roman", Georgia, serif;
}

.examplesansserif {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.examplemonospace {
    font-family: "Lucida Console", Courier, monospace;
}

.examplecursive {
    font-family: cursive;
}

.examplefantasy {
    font-family: fantasy;
}

并通过这种方式通过ng-class指令应用于body。

<body data-ng-class="{ 'exampleserif': dropdownvalues1, 'examplesansserif': dropdownvalues2 }">

有很多方法可以从这里https://scotch.io/tutorials/the-many-ways-to-use-ngclass

实施ng课程