om.next sablono在按钮中呈现嵌套元素
om.next sablono在按钮中呈现嵌套元素
提问于 2016-01-31 11:19:48
使用om.next和sablono，我尝试用mdl来样式按钮，就像看到的那里一样。
下面是我在我的render方法中尝试过的：
;; This works but misses the icon
[:input {:type "submit"
:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
:value "ok"}]
;; The following work, but I would like to avoid using a string
[:button {:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
:dangerouslySetInnerHTML {:__html "<i class=\"material-icons\">add</i>" }}]
;; All the following do not render the inside of the icon properly
[:input {:type "submit"
:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
:dangerouslySetInnerHTML {:__html [:i {:className "material-icons"} "add"]}}]
[:input {:type "submit"
:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"}
[:i {:className "material-icons"} "add"]]
[:input {:type "submit"
:className "mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored"
:dangerouslySetInnerHTML {:__html ~(html [:i {:className "material-icons"} "add"])}}]回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-31 13:38:21
我得把sablono从方程式中拿出来。此示例工作如下：
(defui MDSubmitButton
Object
(render [this]
(dom/button (clj->js {:className "mdl-button mdl-js-button mdl-button--fab mdl-button--colored"})
(dom/i (clj->js {:className "material-icons"}) "add"))))
(def md-submit-button (om/factory MDSubmitButton {:keyfn :id}))对我来说缺少的成分是这样的：
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">，在标记中。
总之，这是我使用的所有标记：
<link href="/css/material.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">我认为Javascript是必需的连锁反应等等，只是不需要回答这个问题。
我怀疑你可能也错过了“物质图标”。为了了解到底发生了什么，我按了此页的"Open 此页“图形/按钮
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35113232
复制相关文章
相似问题
腾讯云开发者
