如何遍历 html 文件中的所有产品详细信息？

Question

在此代码中，我尝试使用 range 遍历 HTML 文件中的所有产品详细信息，但它给我一个错误

错误

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)
}

产品-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}}

Answer 1

由于您尝试对不相关的 Names []string, Images []string, Links []string, Prices []string 进行迭代 {{range $i := .}}，因此会出现错误。他们甚至可以有不相等的 len。

尝试重构你的解决方案，得到这样的东西（这只是一个草稿）：

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}}

如何遍历 html 文件中的所有产品详细信息？

How to loop over all the product details in an html file?

loops

range

go