Javascript 锚点之间的角度分隔符
我试图获取字符串的数组,并将它们作为html锚(可单击标记)的内联列表输出。这是我目前拥有的代码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?'':'','}} 这是可行的
<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>