第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在 HTML go-gin 的所有 js 文件中訪問(wèn)變量

如何在 HTML go-gin 的所有 js 文件中訪問(wèn)變量

Go
SMILET 2022-03-03 16:10:24
我正在使用 gin 模板并呈現(xiàn)我使用的 HTMLc.Writer.Header().Set("username", "myname")c.HTML(200, "myservices", gin.H{    "title":    "Dashboard",    "username": "myname" })我想傳遞一個(gè)變量(用戶名),以便我可以在附加到我的模板的 js 文件中訪問(wèn)它。我可以使用模板訪問(wèn)用戶名變量{{.username}}。如何使其全局化,以便我也可以在所有 js 文件中訪問(wèn)它。我嘗試在標(biāo)題中設(shè)置它,但只有在加載 HTML 時(shí)才能訪問(wèn)它。在加載模板之前我將無(wú)法使用它。
查看完整描述

1 回答

?
呼啦一陣風(fēng)

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超6個(gè)贊

您可以將 Javascript 代碼插入到<head>您創(chuàng)建 Javascript 變量的 HTML 頁(yè)面(例如,在該部分中),并使用傳遞給模板執(zhí)行的參數(shù)初始化它們。


看這個(gè)例子:


func main() {

    t := template.Must(template.New("").Parse(templ))

    m := map[string]interface{}{

        "title":    "Test page",

        "username": "bob",

        "counter":  12,

    }

    if err := t.Execute(os.Stdout, m); err != nil {

        panic(err)

    }

}


const templ = `<html><head>

<script>

    var _title = {{.title}};

    var _username = {{.username}};

    var _counter = {{.counter}};

</script>

</head><body>

</body>

</html>`

這會(huì)生成一個(gè) HTML 文檔(在Go Playground上試試):


<html><head>

<script>

    var _title = "Test page";

    var _username = "bob";

    var _counter =  12 ;

</script>

</head><body>

</body>

</html>

這意味著頁(yè)面中的其他 Javascript 代碼(內(nèi)聯(lián)或引用的,外部的)將看到變量_title,并將它們用作常規(guī)變量,并使用我們傳遞給的值初始化_username它們。_counterTemplate.Execute()


請(qǐng)注意,該html/template包執(zhí)行上下文轉(zhuǎn)義。看到它{{.title}}在引號(hào)中插入了結(jié)果,因?yàn)樗?a string,這就是它應(yīng)該用 Javascript 代碼編寫(xiě)的方式,但是在插入 的結(jié)果時(shí)沒(méi)有添加引號(hào){{.counter}},因?yàn)樗?type 的值int。


另請(qǐng)注意,您應(yīng)該使用唯一的命名策略以避免與現(xiàn)有變量或可能在其他 Javascript 代碼中使用的變量發(fā)生沖突。通常一個(gè)特殊的前綴(或后綴)會(huì)這樣做。


查看完整回答
反對(duì) 回復(fù) 2022-03-03
  • 1 回答
  • 0 關(guān)注
  • 360 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)