从翡翠的include或变量获取HTML到元素属性

Question

我正在使用Kickstrap

我需要将html传递给引导工具提示的data-content属性。

有没有一种方法可以将包含文件的内容捕获到变量中？

像这样的php片段？

ob_start();
include "vendedores.php";
$vendedores = ob_get_clean(); 

到目前为止，我已经尝试了以下方法

试图包括部分

button.btn.btn-default(type='button'
    target="_blank"
    data-container="#producto-{{product.code}}"
    data-toggle="popover"
    data-placement="top"
    data-trigger="hover"
    data-content="include _vendedores"
    class="product-popover"
    data-html="true"
)

button.btn.btn-default(type='button'
    target="_blank"
    data-container="#producto-{{product.code}}"
    data-toggle="popover"
    data-placement="top"
    data-trigger="hover"
    data-content=include _vendedores
    class="product-popover"
    data-html="true"
)

定义一个mixin

mixin myInclude()
    include _vendedores

button.btn.btn-default(type='button'
    target="_blank"
    data-container="#producto-{{product.code}}"
    data-toggle="popover"
    data-placement="top"
    data-trigger="hover"
    data-content="+myInclude()"
    class="product-popover"
    data-html="true"
)

编辑

这是我的_vendedores.jade文件

address
    strong Caracas, Zona Metropolitana
    br 
    abbr(title="teléfono") Tlf
    |   0XXX-XXXXXXX
address
    strong Gran Caracas (Oeste)
    br
    abbr(title="teléfono") Tlf
    |   0XXX-XXXXXXX
address
    strong Zona Centro (Occidente)
    br
    abbr(title="teléfono") Tlf
    |   0XXX-XXXXXXX
address
    strong Zona Occidente
    br 
    abbr(title="teléfono") Tlf
    |   0XXX-2757235
address
    strong Zona Oriente
    br 
    abbr(title="teléfono") Tlf
    |   0XXX-XXXXXXX

---

现在我正在使用这样的变量

- var vendedores = "<address><strong>Caracas, Zona Metropolitana</strong><br><abbr title='teléfono'>Tlf</abbr>  0XXX-XXXXXXX</address><address><strong>Gran Caracas (Oeste)</strong><br><abbr title='teléfono'>Tlf</abbr> 0XXX-XXXXXXX</address><address><strong>Zona Centro (Occidente)</strong><br><abbr title='teléfono'>Tlf</abbr>  0XXX-XXXXXXX</address><address><strong>Zona Occidente</strong><br><abbr title='teléfono'>Tlf</abbr> 0XXX-XXXXXXX</address><address><strong>Zona Oriente</strong><br><abbr title='teléfono'>Tlf</abbr> 0XXX-XXXXXXX</address>"

和data-content!='#{vendedores}'

丑陋！ 我知道...

Answer 1

首先：Jade是一个模板引擎，您的_vendedores文件看起来像一个数据库。

我将编写一个mixin并将数据（名称和电话号码）作为参数传递：

mixin button(name, phone)
  - var address = "<address><strong>"+name+"</strong><br/><abbr title='teléfono'>Tlf</abbr>"+phone+"</address>"
  button.btn.btn-default(type='button'
    target="_blank"
    data-container="#producto-{{product.code}}"
    data-toggle="popover"
    data-placement="top"
    data-trigger="hover"
    data-content!=address
    class="product-popover"
    data-html="true"
  )

+button("Caracas, Zona Metropolitana", "12345")