在AnguIarJS中为我的列表元素自定义项目符号的简便方法

Question

我正在开发angularJS网页。我有一个列表的数据类型。 在HTML中，它看起来像这样：

<div class="basic-page__section-list--mylist" ng-if="section.theList">
<ul class="section-list section-list--mylist">
<li ng-repeat="listItem in section.theList">{{ listItem }}</li>
</ul>
</div>

JS中的

：

app.controller("myCtrl", function($scope) {
$scope.applySettings({
theList: [

"Alaska",
"Arkansas",
"Florida",
"Texas", 
]
},{

这是应该做的。它列出了阿拉斯加州，阿肯色州，佛罗里达州，德克萨斯州的元素。

但是，我想自定义子弹的样子。我想使用复选标记而不是默认值（这是一个点）。如果我决定更改符号，颜色等，我也想知道未来如何进一步定制子弹。

我知道它可能是一个CSS的东西，但我对它不是很熟悉。

我是否需要创建一个名为

的类

.basic-page__section-list
{
}

我该怎么写呢？

谢谢！