在网页上的选择器中显示选项的问题：Go模板中的{{range}}循环没有传递数据

Question

问题在于，在一个网页上使用下拉菜单来选择产品类型时，下拉菜单内的选项（值）并没有正确显示。

在提供的 HTML 代码片段中，有一个用于添加产品的表单，其中包含了产品类型的下拉菜单部分：

虽然同样使用了范围循环 .Rows 来展示表格内容的部分能正常工作：

{{range .Rows}}

    {{.ProductID}}
    {{.ProductType.NameType}}
    

{{end}}

然而，期望从一个类似于以下 Go 结构体的产品类型表格中获取数据：

package product_types

type ProductTypes struct {
    IDType   string `json:"type_id"`
    NameType string `json:"type_name"`
}

目前代码执行的结果是这样的：
（图片链接：result1）

然后尝试修改了下拉菜单部分的代码，结果有所改善，但最终出现了重复项：
（图片链接：result2）

Adriaan Stander · Answer

检查 Go 模板中的数据：

确保传递给模板的数据（{{ range .Rows }}）包含预期的产品类型信息（{{ .ProductType.IDType }}和 {{ .ProductType.NameType }}）。为了调试目的，您可以打印这些数据：

产品类型：

Go 服务器端的调试：

检查服务器端渲染 HTML 模板的代码。确保您正确地获取并传递了数据到模板。可以使用 fmt.Println 或日志记录功能来检查传递给模板的数据。

func renderTemplate(w http.ResponseWriter, tmpl string, data interface{}) {
    err := templates.ExecuteTemplate(w, tmpl+".html", data)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
    }
}

Programmer · Answer

我找到了问题的答案——我没有在 app.go 文件中添加指向 ProductTypes 表的路径。

原始代码如下所示，只包含了获取产品信息的部分：

} else if req.URL.Path == "/products.html" {
    log.Printf("Обслуживание HTML-файла: %s
", productsHTMLPath)

    dataRows, err := repoProduct.FindAllProduct(context.TODO()) // 使用函数获取所有产品
    if err != nil {
        http.Error(res, fmt.Sprintf("Запрос не выполнен: %v", err), http.StatusInternalServerError)
        return
    }

    tmpl, err := template.ParseFiles(productsHTMLPath)
    if err != nil {
        http.Error(res, fmt.Sprintf("Не удалось парсирование шаблона: %v", err), http.StatusInternalServerError)
        return
    }

    err = tmpl.Execute(res, struct{ Rows []products2.Product }{dataRows})
    if err != nil {
        http.Error(res, fmt.Sprintf("Не удалось выполнить шаблон: %v", err), http.StatusInternalServerError)
    }
}

修改后的代码增加了对产品类型信息的获取和传递：

} else if req.URL.Path == "/products.html" {
    log.Printf("Обслуживание HTML-файла: %s
", productsHTMLPath)

    dataRows, err := repoProduct.FindAllProduct(context.TODO()) // 获取所有产品
    if err != nil {
        http.Error(res, fmt.Sprintf("Запрос не выполнен: %v", err), http.StatusInternalServerError)
        return
    }

    dataRows1, err := repo.FindAll(context.TODO()) // 获取所有产品类型
    if err != nil {
        http.Error(res, fmt.Sprintf("Запрос не выполнен: %v", err), http.StatusInternalServerError)
        return
    }

    tmpl, err := template.ParseFiles(productsHTMLPath)
    if err != nil {
        http.Error(res, fmt.Sprintf("Не удалось парсирование шаблона: %v", err), http.StatusInternalServerError)
        return
    }

    Rows := struct {
        Products     []products2.Product
        ProductTypes []product_types2.ProductTypes
    }{
        Products:     dataRows,
        ProductTypes: dataRows1,
    }

    err = tmpl.Execute(res, Rows)
    if err != nil {
        http.Error(res, fmt.Sprintf("Не удалось выполнить шаблон: %v", err), http.StatusInternalServerError)
    }
}

现在在产品页面（product.html）中，你可以正确地遍历和显示产品类型：

Product Type:

```