pug - 我可以从渲染器中“隐藏”一块玉石吗？

Question

我正在尝试用jade + prismjs + angular 构建风格指南。它将有玉代码示例。所以我需要一些我的玉来“留玉”。例如：

//- source.jade
.description A component
pre.code-example
  code.language-jade
    .my-component
      .my-component-title Hello
      .my-component-body World

我希望这个渲染到

//- rendered.html
<div class="description">A component</div>
<pre class="code-example">
  <code class="language-jade">
    .my-component
      .my-component-title Hello
      .my-component-body World
  </code>
</pre> 

有没有办法告诉玉不要管它的内容code.language-jade？

我还将考虑完全不同的方法。Jade 作为“外部”模板语言是不可协商的，它必须以角度工作。我只使用prismjs，因为我之前的选择（highlighterjs）不支持jade。

谢谢。

Answer 1

只需在标记或类之后使用点进行插值

.description A component
pre.code-example
  code.language-jade.
    .my-component
      .my-component-title Hello
      .my-component-body World

http://jade-lang.com/reference/plain-text/

例子