handlebars 處理 {{{ }}} 跟 {{ }} 的差別

在 handlebars 樣板中呈現 JavaScript 資料時，可以使用 {{ }} 或 {{{ }}} 符號。

以下列程式碼為例

瀏覽器畫面

兩個大括號{{ }}

如果是使用兩個大括號，則裡面的內容會被當作「純字串」處理。因此如果內容中有 HTML 標籤（例如<h1>這是一段測試文字</h1>），則會被當成純字串直接顯示出來，而不會被當作 HTML 處理。也就是瀏覽器會顯示 「<h1>這是一段測試文字</h1>」 且不會變成粗體的標題。

三個大括號{{{ }}}

如果你希望內容不是以純字串的方式顯示，則可以用三個大括號 {{{ }}} 來把資料包起來。在剛剛的例子中，瀏覽器上面就會出現粗體的「這是一段測試文字」字樣。