Javascript 锚点之间的角度分隔符

Javascript 锚点之间的角度分隔符,javascript,html,css,angularjs,angularjs-ng-repeat,Javascript,Html,Css,Angularjs,Angularjs Ng Repeat,我试图获取字符串的数组,并将它们作为html锚(可单击标记)的内联列表输出。这是我目前拥有的代码 <div class="tags">Tags: <a ng-click="searchByTag(tag)" ng-repeat="tag in obj.Tags"> {{tag}}{{$last ? '' : ', '}} </a> </div> 标签: {{tag}{{$last?'':'','}} 这是可行的

我试图获取字符串的数组,并将它们作为html锚(可单击标记)的内联列表输出。这是我目前拥有的代码

<div class="tags">Tags: 
    <a ng-click="searchByTag(tag)" ng-repeat="tag in obj.Tags">
        {{tag}}{{$last ? '' : ', '}}
    </a>
</div>
标签:
{{tag}{{$last?'':'','}}
这是可行的,但逗号包含在html锚中。如何将分隔符放置在锚点之外

解决方法

下面的代码将给出所需的布局,但要求每个锚都包裹在一个跨度中。如果可能的话,我想避免这种情况

<span ng-repeat="tag in obj.Tags">
    <a ng-click="searchByTag(tag)">{{tag}}</a>{{$last ? '' : ', '}}
</span>

{{tag}{{$last?'':'','}}

查找ng重复开始和ng重复停止:

标签:
{{tag}}
{{$last?'':','}}

您可以使用comment指令

<div class="tags">Tags: 
    <!-- directive: ng-repeat tag in obj.Tags -->
    <a ng-click="searchByTag(tag)">
        {{tag}}
    </a>
    {{$last ? '' : ', '}}
    <!-- /ng-repeat -->
</div>
标签:
{{tag}}
{{$last?'':','}}

我可能参加聚会迟到了,OP可能已经搞定了,但您可以将分隔符添加到
中,并在
上设置
ng if
,以便在我们位于最后一个元素时隐藏它:

<div class="tags">Tags: 
  <a ng-click="searchByTag(tag)" ng-repeat-start="tag in obj.Tags">
    {{tag}}
  </a>
  <span ng-repeat-end ng-hide="$last">{{', '}}</span>
</div>
标签:
{{tag}}
{{', '}}

您可以使用css
::before/::after
,这样您就不必把视图弄得乱七八糟了。@Yoshi,谢谢。你让我找到了一个全CSS的解决方案
.tags a+a:在{content:“,”;}
之前,您可以添加它作为答案。事实上,我相信人们会发现它很有用。在查看我的解决方案后,它产生了相同的结果。逗号包含在锚标记中。所以这并没有解决我的问题。欢迎来到StackOverflow。请阅读指南,因为这个答案太宽泛了。当你读到最后,你甚至会得到一枚徽章;)
<div class="tags">Tags: 
  <a ng-click="searchByTag(tag)" ng-repeat-start="tag in obj.Tags">
    {{tag}}
  </a>
  <span ng-repeat-end ng-hide="$last">{{', '}}</span>
</div>