將風格或js腳本添加到鳳凰模板中的佈局

使用Phoenix模板，我想將css和js腳本添加到當前頁面佈局頭部。將風格或js腳本添加到鳳凰模板中的佈局

尋找鳳凰文檔，我沒有發現任何關於此。

這將幫助我爲每個頁面需要最少量的css和js，而不是一個大規模的css和一個js文件。

來源

2016-08-02 benzen

https://blog.diacode.com/page-specific-javascript-in-phoenix-framework-pt-1 – coderVishal

的方式描述這裏主要依賴於JS。我認爲鳳凰城有這樣的事情。 – benzen

所以你想''src =「page-specific.js」>'被添加到你從控制器動作傳遞''page-specific.js'''的各種頁面中？你在用早午餐嗎？ – Dogbert

每個鳳凰項目都有自己的佈局文件/web/views/layout_view.ex來處理它作爲視圖和佈局模板/web/templates/layout/app.html.eex。

我不那麼肯定，這是你的要求，但附加在佈局的css或js文件，只需添加下面幾行：

# CSS 
<link rel="stylesheet" href="<%= static_path(@conn, "/css/<your_css>.css") %>"> 

# JS 
<script src="<%= static_path(@conn, "/js/app.js") %>"></script>

其中static_path默認指向/web/static/。

而且在你的控制器，你可以改變的佈局：

plug :put_layout, "MyLayout.html"

來源

2016-08-02 16:39:28 PatNowak

將風格或js腳本添加到鳳凰模板中的佈局

回答

相關問題