Javascript 将每个项目包装在一个数组中，并在 View 中使用 anchor 标记

Question

我有一个这样的数据模型..

var tags = ["hello", "world", "foo"];

我想像这样在我的 View 中显示它，每个都包裹在 anchor 中

#hello #world #foo

查看..

<span ng-repeat="tag in tags">{{tag}}</span>

期望的结果:

 <span><a>#hello</a></span>
 <span><a>#world</a></span>
 <span><a>#foo</a></span>

Answer 1

首先，您应该在 Controller 范围内添加标签变量，然后您可以在 html 上使用插值指令 {{}} 来显示和创建 href 标签。

标记

<span ng-repeat="tag in tags>
   <a ng-href="{{'#'+ tag}}">{{'#'+ tag}}</a>
</span>