phiary
Code Chip ã‚¿ã‚°ã®å®šç¾©éƒ¨åˆ†ã§ã™. Jade ã§æ›¸ã„ã¦ã¾ã™. chip(class='{has-icon: opts.icon, deletable:opts.deletable}') div.chips-icon(if='{opts.icon}') span(if='{opts.icon === true}', style='background-color: {iconColor};') {value.substr(0, 1)} img(if='{opts.icon !== true}', src='{opts.icon}') a(href='') {opts.value} div.delete-icon(onclick='{_del}') i.material-icons clear style(scoped, type='less'). :scope { display: i
phiary
Riot.js ã«ã¯, yield ã¨ã„ã†å®šç¾©æ¸ˆã¿ã®ã‚¿ã‚°ã« HTML を挿入ã™ã‚‹ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™. ãŸã ã“ã® yield ã¨ã„ã†ã‚ーワード, 色々ãªè¨€èªžã§æ§˜ã€…ãªç”¨é€”ã¨ã—ã¦ä½¿ã‚ã‚Œã¦ã„ã¦æ¼ã‚Œç„¡ã jade ã«ã‚‚åŒã˜ã‚ーワードã§é•ã†æ©Ÿèƒ½ã¨ã—ã¦å®šç¾©ã•ã‚Œã¡ã‚ƒã£ã¦ã„ã¾ã™. ãªã®ã§ Jade ã§ã‚¿ã‚°å®šç¾©ã™ã‚‹éš›ã« yield を使ã†ã¨, Riot.js ã§ã¯ãªã Jade ã®ã»ã†ã® yield ã¨ã—ã¦èªè˜ã•ã‚Œä¸Šæ‰‹ãå‹•ãã¾ã›ã‚“. 今回ã¯ãã®è§£æ±ºæ–¹æ³•ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™. 解決方法 下記ã®ã‚ˆã†ã«æ›¸ãæ›ãˆã‚‹ã ã‘ã§ã™. yield Text Text Text Text ↓ #{'yield'} Text Text Text Text サンプル ã¡ã‚ƒã‚“㨠yield 部分ãŒå±•é–‹ã•ã‚Œã¦ã„ã‚‹ã®ãŒåˆ†ã‹ã‚‹ã‹ã¨æ€ã„ã¾ã™.
phiary
phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python ã¡ã‚‡ã£ã¨å‰ã« riot.js ã«, 実行時(runtime) ã§ã‚‚ jade 使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ pull req 投ã’ã¦ãŸã‚“ã§ã™ãŒç„¡äº‹ã«ãƒžãƒ¼ã‚¸ & リリースã•ã‚Œã¾ã—ãŸãƒ¼!! ã£ã¦ã“ã¨ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™. 対応 version 㯠v2.3~ ã§ã™. 何ãŒå¤‰ã‚ã£ãŸã®ï¼Ÿ å··ã§ã¯ Browserify やら Webpack やらæµè¡Œã£ã¦ã‚‹ã¿ãŸã„ã§ã™ãŒ, 個人的ã«ã¯ãã†ã„ã£ãŸãƒãƒ¼ã‚«ãƒ«ã§ã”ã«ã‚‡ã”ã«ã‚‡ã™ã‚‹ç³»ã¯å¥½ãã§ã¯ãªã„ã§ã™. ãªã®ã§, riot.js ã®åŸ‹ã‚è¾¼ã¿ã‚¿ã‚°å®Ÿè£… <script type='riot/t
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}