使用的图标，而不是要点我有我做了该吐出来的是我正在显示列表的角度指令。我想要做的就是使用一个图标，而不是子弹点..有点让它工作，但目前图标显示在每行上的列表项上方。我宁愿不使用我用这作为一个角度应用了一项指令多CSS BC ..在列表

这里是我到目前为止已经试过......

<div class="alert alert-danger" ng-if="errors.length > 1"> 
    <ul class="list-unstyled" ng-repeat="err in errors"> 
     <i class="alert-icon-danger alert-icon"></i><li ng-bind="err"></li> 
    </ul> 
</div>

来源

2017-03-22 jeremy

我不知道为什么你不希望使用CSS，因为它是最好的解决办法...

无论如何，这里是它如何能够（通过引导）轻松完成：

.glyphi-bullet li:before { 
    content: "\e080"; 
    font-family: 'Glyphicons Halflings'; 
}

@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'); 
 
     
 
.custom-bullet li { 
 
    display: block; 
 
} 
 

 
.custom-bullet li:before 
 
{ 
 
    /*Using a Bootstrap glyphicon as the bullet point*/ 
 
    content: "\e080"; 
 
    font-family: 'Glyphicons Halflings'; 
 
    font-size: 9px; 
 
    float: left; 
 
    margin-top: 4px; 
 
    margin-left: -17px; 
 
    color: #CCCCCC; 
 
}

<ul class="custom-bullet"> 
 
    <li>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</li> 
 
    <li>Cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia.</li> 
 
    <li>Qui officia deserunt mollit anim id est laborum.</li> 
 
</ul>

Demo in JSFiddle

来源

2017-03-22 15:43:45 Mistalis

我使用htis的指令（angularjs），并没有真的要建立CSS与指导工作...但我猜你是对的，哈哈，我应该刚刚成立的CSS与它合作 – jeremy

@jeremy由于我没有看到你的指示，我无法真正给你提供更多建议。但是我没有看到任何可以更清楚地将CSS设置为指令的情况（更复杂，可读性更低）。 :) – Mistalis

尝试添加 “显示：内嵌” 到元素。

来源

2017-03-22 15:46:33 Xing

在列表

回答

Demo in JSFiddle

相关问题