node.js - Express模板引擎handlebars里面{{#each XXX}}中使用locals.xx 不起作用的
問題描述
就是設置了res.locals.username = xxx然后頁面里面想要在{{#each}}里使用username
{{#each 不管是什么}} <p>{{username}}</p>{{/each}}username是沒有值的要怎么樣才能在{{#eac}}里使用locals.xx呢
問題解答
回答1:這用法沒錯。
首先保證 username 有值。
不能出現在遞歸 partial里。
如果不是遞歸partial仍然無輸出值,那肯定是username無值,不是handlebars的原因。
再者,你也沒說用的哪個handlebars實現?是Express集成的 hbs 還是 handlebars?如果是后者,還需要一些集成工作要做。
-------------------------UPDATE----------------------------
我也剛實驗了一下,發現在 {{#each}} 里確實沒法使用 locals 變量。我之前在 hbs 官方倉庫里提了一個 issue,以為只是在 recursive partials 里才不能用 locals,其實我測試的那個partial里也是用到了 {{#each}},跟是否遞歸沒關系。這應該是 hbs 的一個 bug。我會更新那個 issue,說明這個問題。
issue:https://github.com/pillarjs/h...
------------------------UPDATE-------------------------------
先給你提供一個臨時解決思路吧:
把 loginUserPhoto 加入到 render context 里,然后在 {{#each}} 里使用 {{@root.loginUserPhoto}}訪問就可以了。
相關文章:
1. javascript - 循環嵌套多個promise應該如何實現?2. mysql優化 - 關于mysql分區3. css3 - rem布局下,用戶瀏覽器的最小字號是12px怎么辦?4. javascript - ionic2 input autofocus 電腦成功,iOS手機鍵盤不彈出5. html5 - 如何實現帶陰影的不規則容器?6. objective-c - iOS開發支付寶和微信支付完成為什么跳轉到了之前開發的一個app?7. 前端 - IE9 css兼容問題8. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應9. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。10. css - 移動端字體設置問題
