英文:
How to loop over all the product details in an html file?
问题
在这段代码中，我试图使用range循环遍历HTML文件中的所有产品详细信息，但是它给了我一个错误。
错误信息
在执行“body”时出错：range无法迭代{[product-names...] [product-images...] [product-links...] [product-prices...]}
controllers.go
type ProductStruct struct {
Names []string
Images []string
Links []string
Prices []string
}
func ProductsList(w http.ResponseWriter, r *http.Request) error {
var pList ProductStruct
for i := 0; i < len(products.AccessColumns(0)); i++ {
pList.Names = append(pList.Names, products.AccessColumns(0)[i])
pList.Images = append(pList.Images, products.AccessColumns(1)[i])
pList.Links = append(pList.Links, products.AccessColumns(2)[i])
pList.Prices = append(pList.Prices, products.AccessColumns(3)[i])
}
return ProductsListTmpl.Execute(w, pList)
}
product-list.html
{{range $i := .}}
<tr>
<td class="image" data-title="No"><img src="../../static/images/{{ (index .Images $i) }}.jpg" alt="#"></td>
<td class="product-des" data-title="Description">
<p class="product-name"><a href="{{ (index .Links $i) }}">{{ (index .Names $i) }}</a></p>
<p class="product-des">Maboriosam in a tonto nesciung eget distingy magndapibus.</p>
</td>
<td class="price" data-title="Price"><span>${{ (index .Prices $i) }}.00 </span></td>
</tr>
{{end}}
英文:
In this code, I am trying to loop over all the product details in an HTML file using range but it is giving me an error
Error
executing "body" at <.>: range can't iterate over {[product-names...] [product-images...] [product-links...] [product-prices...]}
controllers.go
type ProductStruct struct {
Names []string
Images []string
Links []string
Prices []string
}
func ProductsList(w http.ResponseWriter, r *http.Request) error {
var pList ProductStruct
for i := 0; i < len(products.AccessColumns(0)); i++ {
pList.Names = append(pList.Names, products.AccessColumns(0)[i])
pList.Images = append(pList.Images, products.AccessColumns(1)[i])
pList.Links = append(pList.Links, products.AccessColumns(2)[i])
pList.Prices = append(pList.Prices, products.AccessColumns(3)[i])
}
return ProductsListTmpl.Execute(w, pList)
}
product-list.html
{{range $i := .}}
<tr>
<td class="image" data-title="No"><img src="../../static/images/{{ (index .Images $i) }}.jpg" alt="#"></td>
<td class="product-des" data-title="Description">
<p class="product-name"><a href="{{ (index .Links $i) }}">{{ (index .Names $i) }}</a></p>
<p class="product-des">Maboriosam in a tonto nesciung eget distingy magndapibus.</p>
</td>
<td class="price" data-title="Price"><span>${{ (index .Prices $i) }}.00 </span></td>
</tr>
{{end}}
答案1
得分: 0
错误发生是因为您尝试在与不相关的Names []string, Images []string, Links []string, Prices []string上进行迭代{{range $i := .}}。它们甚至可能长度不相等。
尝试重构您的解决方案，类似于以下内容（这只是一个草稿）：
controllers.go
type ProductStruct struct {
Names string
Images string
Links string
Prices string
}
func ProductsList(w http.ResponseWriter, r *http.Request) error {
var pList []ProductStruct
for i := 0; i < len(products.AccessColumns(0)); i++ {
pList = append(pList, ProductStruct{products.AccessColumns(0)[i],
products.AccessColumns(1)[i],
products.AccessColumns(2)[i],
products.AccessColumns(3)[i],
})
}
return ProductsListTmpl.Execute(w, pList)
}
product-list.html
{{range .}}
<tr>
<td class="image" data-title="No"><img src="../../static/images/{{ (.Images}}.jpg" alt="#"></td>
<td class="product-des" data-title="Description">
<p class="product-name"><a href=".Links}}">{{.Names}}</a></p>
<p class="product-des">Maboriosam in a tonto nesciung eget distingy magndapibus.</p>
</td>
<td class="price" data-title="Price"><span>${{ .Prices}}.00 </span></td>
</tr>
{{end}}
英文:
Error accrues because you trying to iterate {{range $i := .}} over not related Names []string, Images []string, Links []string, Prices []string. They can have even not equal len.
Try to refactor your solution, to have something like this(It's just a draft):
controllers.go
type ProductStruct struct {
Names string
Images string
Links string
Prices string
}
func ProductsList(w http.ResponseWriter, r *http.Request) error {
var pList []ProductStruct
for i := 0; i < len(products.AccessColumns(0)); i++ {
pList = append(pList, ProductStruct{products.AccessColumns(0)[i],
products.AccessColumns(1)[i],
products.AccessColumns(2)[i],
products.AccessColumns(3)[i],
})
}
return ProductsListTmpl.Execute(w, pList)
}
product-list.html
{{range .}}
<tr>
<td class="image" data-title="No"><img src="../../static/images/{{ (.Images}}.jpg" alt="#"></td>
<td class="product-des" data-title="Description">
<p class="product-name"><a href=".Links}}">{{.Names}}</a></p>
<p class="product-des">Maboriosam in a tonto nesciung eget distingy magndapibus.</p>
</td>
<td class="price" data-title="Price"><span>${{ .Prices}}.00 </span></td>
</tr>
{{end}}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论