我正在尝试将字符串数组作为html锚点(可点击标记)的内联列表输出。这是我目前拥有的代码。
<div class="tags">Tags:
<a ng-click="searchByTag(tag)" ng-repeat="tag in obj.Tags">
{{tag}}{{$last ? '' : ', '}}
</a>
</div>
这个方法是有效的,但逗号被包含在HTML锚点内。我该如何将分隔符放在锚点外面?
解决方法
下面的代码可以实现所需的布局,但需要将每个锚点都包装在span内。如果可能的话,我想避免这样做。
<span ng-repeat="tag in obj.Tags">
<a ng-click="searchByTag(tag)">{{tag}}</a>{{$last ? '' : ', '}}
</span>
::before/::after
,这样就不会使视图混乱。 - Yoshi.tags a + a:before { content: ", "; }
- Logan Garland