10

我在控制空白和仍然html/template以可读方式格式化模板时遇到问题。我的模板看起来像这样:

布局.tmpl

{{define "layout"}}
<!DOCTYPE html>
<html>
        <head>
                <title>{{.title}}</title>
        </head>
        <body>
                {{ template "body" . }}
        </body>
</html>
{{end}}

正文.tmpl

{{define "body"}}
{{ range .items }}
{{.count}} items are made of {{.material}}
{{end}}
{{end}}

代码

package main

import (
    "os"
    "text/template"
)

type View struct {
    layout string
    body   string
}

type Smap map[string]string

func (self View) Render(data map[string]interface{}) {
    layout := self.layout + ".tmpl"
    body   := self.body + ".tmpl"
    tmpl   := template.Must(template.New("layout").ParseFiles(layout, body))
    tmpl.ExecuteTemplate(os.Stdout, "layout", data)
}

func main() {
    view := View{ "layout", "body" }
    view.Render(map[string]interface{}{
        "title": "stock",
        "items": []Smap{
            Smap{
                "count":    "2",
                "material": "angora",
            },
            Smap{
                "count":    "3",
                "material": "wool",
            },
        },
    })
}

但这会产生(注意:文档类型上方有一行):

<!DOCTYPE html>
<html>
    <head>
        <title>stock</title>
    </head>
    <body>


2 items are made of angora

3 items are made of wool


    </body>
</html>

我想要的是:

<!DOCTYPE html>
<html>
    <head>
        <title>stock</title>
    </head>
    <body>
2 items are made of angora
3 items are made of wool
    </body>
</html>

在其他模板语言中,我可以说类似

[[- value -]]

并且动作前后的空格被剥离,但我在html/template. 这真的意味着我必须像下面这样使我的模板不可读吗?

布局.tmpl

{{define "layout"}}<!DOCTYPE html>
<html>
    <head>
        <title>.title</title>
    </head>
    <body>
{{ template "body" . }} </body>
</html>
{{end}}

正文.tmpl

{{define "body"}}{{ range .items }}{{.count}} items are made of {{.material}}
{{end}}{{end}}
4

3 回答 3

15

您可以使用空白控制器

{{range .foos -}} // eats trailing whitespace
    <tr><td>do something</td></tr>
{{- end}} // eats leading whitespace (\n from previous line)
于 2016-02-04T14:53:54.463 回答
2

在这种情况下,空白对用户浏览器的渲染输出没有任何影响,因此控制它在美学之上几乎没有意义。

换句话说,可以有格式良好的模板(我更喜欢)或部分格式良好的 HTML(没有嵌套缩进)。选择一个或使用任何现有的格式化程序对 HTML 进行后期处理。

于 2013-07-07T08:34:08.603 回答
1

是的,空格和行是按字面意思翻译的。如果您有一行只有 {{ define }} 或其他任何不产生输出的行,则解析文件中将有一个空行。

理想情况下,因为您使用的是模板,所以您不需要查看或编辑已解析的输出。作为参考,请使用 JSP/JSF 并查看它为您提供的丑陋输出。在线查看大多数页面的来源,它们也很丑陋。

祝你好运!

于 2013-07-07T05:53:05.057 回答