在ionic-angularjs中只做一个粗体字母

Question

我想知道如何在一个单词中设置一个特定的字母,在我的例子中是第一个,在angularJS中.例如,我有一系列的单词,如:

var Words = [Mon,Tue,Wed];

我想用粗体显示每个元素的第一个字母,用正常字体显示其余部分.

Answer 1

在视图中,当然:

<div ng-repeat="value in Words">
    <b>{{value.substring(0,1)}}</b>{{value.substring(1)}}
</div>

Answer 2

让你的第一个字母粗体纯粹是视觉的,所以它不应该反映在你的HTML中,而是纯粹由CSS管理.这对于我们的文本的可访问性和可用性很重要,也尊重HTML语义.

CSS用于向人类用户建议其呈现.

有一个称为::first-letter (:first-letter)非常好的属性,并且在MDN上有很好的描述

:: first-letter CSS伪元素选择块的第一行的第一个字母,如果它的行前没有任何其他内容(如图像或内联表).

这是一个CSS的例子

p:first-letter {
    font-weight: bold;
}

和JSFiddle进行一些测试:http://jsfiddle.net/mtjzsh5v/

希望这对你有用.