2016-05-25 2 views
1

У меня есть файл JSON, который вызывается внутри Jade Mixin для отображения текста. Однако мне нужно вставить тег break в одно из полей JSON и не знаю, как это сделать в Jade Mixin. Кажется, я не могу найти соответствующую информацию.Теги разрыва отображения в Jade Mixin

Вот файл в формате JSON:

"features": { 

    "employers": { 
     "title": "For Employers", 
     "description": "Company corporate financial wellness program is designed to help employers lessen financial stress in the workplace, increase retirement readiness, and strengthen workplace culture.<br />Company offers a holistic approach to corporate financial wellness.", 
     "featureList": [ 
      { 
       "iconSlug": "puzzle", 
       "title": "Easy Implementation", 
       "description": "Company provides a robust, custom marketing and communication plan to help drive program awareness and engagement." 
      }, 
      { 
       "iconSlug": "rays", 
       "title": "Ongoing Engagement", 
       "description": "Get metrics around your employees’ engagement with the program and workplace impact." 
      }, 
      { 
       "iconSlug": "dollarSign", 
       "title": "Affordable Pricing", 
       "description": "Explore our pricing options for all company sizes, including low, per- employee rates that can be paid out of ERISA budgets." 
      } 
     ], 
     "cta": { 
      "title": "Contact our team", 
      "class": "trigger-emailFormScroll" 
     } 
} 

И Вот Mixin, что тянет его в:

mixin FeaturesModule(config) 
h3.lvHeading.lvHeading-size3.lvHeading-main= config.title 
h5.lvHeading.lvHeading-size5= config.description 

- if (config.cta && typeof config.cta.newPage === "undefined") { config.cta.newPage = true; } 

.layout-stdGrid 
    each feature, i in config.featureList 
     .stdGrid-col8.stdGrid-col-thin.padding-2 
      abbr(class= "icon-mktgLight-" + feature.iconSlug) 
      h6.lvHeading.lvHeading-size5.lvHeading-main!= feature.title 
      span.block= feature.description 

- if (config.featuredLink) 
    a.link-featured.margin-Y-1.block(href= config.featuredLink.href, name=config.featuredLink.title, target= "_blank")= config.featuredLink.title 
- else if (config.cta) 
    - if (config.cta.href) 
     a.button.button-wide(href= config.cta.href, target= (config.cta.newPage) ? "_blank" : undefined)= config.cta.title 
    - else 
     - var ctaClass = config.cta.class || ""; 
     button.button.button-wide(class= ctaClass)= config.cta.title 

The span.block = feature.description является то, что я работаю с на момент. Каков наилучший способ заставить mixin интерпретировать тег break, чтобы он не печатал на странице как текст?

Заранее благодарен.

ответ

2

Оба решения будут работать:

span.block!=feature.description 

span.block!{feature.description} 
+0

Спасибо! Можете ли вы объяснить немного больше, что это делает? –

+0

Конечно. Использование «=» - это экранирование HTML. Использование «! =» Не исчезает. http://jade-lang.com/reference/code/ – Potatoes

+0

Пожалуйста, отметьте мой ответ как подтверждение, если оно решит вашу проблему. – Potatoes

Смежные вопросы