英文:
Combine two ranges to give name and hyperlink
问题
我正在尝试创建一个与名称相关联的超链接，但是两个组分别位于两个不同的范围内，即名称位于一个范围内，链接位于另一个范围内。有没有办法将这两个组合起来？目前我拥有的HTML代码如下，但是我只想让名称包含超链接。
<h5 class="card-title">Members:</h5>
{{range .Members}}
<ul class="card-text">
<li style="margin-bottom: 0rem;">{{.}}</li>
</ul>
{{end}}
<h5 class="card-title">WikiLink:</h5>
{{range .WikiLink}}
<ul class=" card-text">
<li style="margin-bottom: 0rem;"><a href="{{.}}">{{.}}</a></li>
</ul>
{{end}}
因此，我得到的输出是一个名称列表，然后是下面的链接列表。
如果有任何想法，将不胜感激。
谢谢
英文:
I am trying to create a hyperlink attached to a name, however both groups are in two separate ranges i.e. names are in one range and the links are in another. Is there a way to combine the two? Currently the html code I have is as below, however, I want only the name to contain the hyperlink.
<h5 class="card-title">Members:</h5>
{{range .Members}}
<ul class="card-text">
<li style="margin-bottom: 0rem;">{{.}}</li>
<./ul>
{{end}}
<h5 class="card-title">WikiLink:</h5>
{{range .WikiLink}}
<ul class=" card-text">
<li style="margin-bottom: 0rem;"><a href="{{.}}">{{.}}</a></li>
</ul>
{{end}}
The output I am therefore getting is a list of names and then a list of links below.
Any ideas would be appreciated.
Thanks
答案1
得分: 1
你可以使用索引来迭代WikiLink数组在模板中：
<h5 class="card-title">Members:</h5>
{{range $i, $m :=.Members}}
<ul class="card-text">
<li style="margin-bottom: 0rem;"><a href="{{index $.WikiLink $i}}">{{$m}}</a></li>
</ul>
{{end}}
在Go Playground中的工作示例：https://go.dev/play/p/PKD-o3y09sk
英文:
You can iterate over WikiLink array by index in the template:
<h5 class="card-title">Members:</h5>
{{range $i, $m :=.Members}}
<ul class="card-text">
<li style="margin-bottom: 0rem;"><a href="{{index $.WikiLink $i}}">{{$m}}</a></li>
</ul>
{{end}}
Working example in Go Playground: https://go.dev/play/p/PKD-o3y09sk
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论