2
<ヘッド>タグに特定のpurescript-halogenコンポーネントをレンダリングするにはどうすればよいですか？タグにpurescript-halogenコンポーネントをレンダリングする方法
ハロゲン1.0.0のために書かれた次の例では、HTML本体にスタイルシートと段落をレンダリングする：
module Main where
import Prelude
import Control.Monad.Eff (Eff)
import Data.Maybe (Maybe(Nothing))
import CSS as C
import Halogen as H
import Halogen.Aff as HA
import Halogen.HTML as HH
import Halogen.HTML.CSS as HS
import Halogen.Query.HalogenM as HQ
import Halogen.VDom.Driver as HV
styles :: forall p i. HH.HTML p i
styles = HS.stylesheet $
C.select C.body $ C.margin C.nil C.nil C.nil C.nil
content :: forall p i. HH.HTML p i
content = HH.p_ [ HH.text "Test" ]
main :: Eff (HA.HalogenEffects()) Unit
main = HA.runHalogenAff $ HA.awaitBody >>= HV.runUI ui unit
where
ui = H.component { initialState : const unit
, render : const render
, eval : const $ HQ.halt "no query"
, receiver : const Nothing
}
render = HH.div_ [ styles, content ]
DOMは、次のように生成されます。この例では、作品
<html>
<head>
<title>Test</title>
<script async="" type="text/javascript" src="main.js"></script>
</head>
<body>
<div>
<style type="text/css">
body { margin: 0 0 0 0 }
</style>
<p>
Test
</p>
</div>
</body>
</html>
けどに従ってspecificationには、スタイル要素は「メタデータコンテンツが期待される場所」、すなわち<ヘッド>要素のみが許可されています。だから私はそこにスタイルシートをレンダリングしたい。これをどのように達成するのですか？
完全に静的なスタイルシートをレンダリングする理由は何ですか？柔軟性が必要な場合は、特定の要素にスタイル属性を表示することができます。しかし、一般的な質問はまだ興味深いです...私は