Javascript在视图中使用锚标记包装数组中的每个项目

Question

我有这样的数据模型..

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

我想在我的视图中显示它，每个都包含在锚

中

#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

首先应该在控制器范围内添加标签变量＆amp;那么你可以在html上使用插值指令{{}}来显示和创建一个href标签。

<强>标记

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