How to use {{ }} brackets with html code on Github Flavored Markdown?

Question

I have next github markdown, where {{ product }} is an AngularJS template helper:

```html
<div ng-controller="ProductCtrl">
    <ul>
        <li ng-repeat="product in products">
            {{ product }}
        </li>
    </ul>
</div>
```

Unfortunately, output result does not contain brackets:

Is there a way i could solve this issue?

Edit:

This is my output html:

can't reproduce: https://monosnap.com/file/9GVsDIpjYE2VcF09gTvtjGdq95S0vk.png — Sergio Tulentsev, Jun 15 '16 at 11:30
Yeah, jekyll uses liquid and liquid uses `{{ }}` for its variable expansion. So you need a way to suppress this liquid stuff for a block of text. Or escape the braces somehow. — Sergio Tulentsev, Jun 15 '16 at 11:34
Looks like this is an answer: http://stackoverflow.com/a/24102537/2524304 (using {% raw %} content {% endraw %}) — Maxim Zhukov, Jun 15 '16 at 11:37

score 4 · Accepted Answer · answered Jun 16 '16 at 03:30

Raw temporarily disables tag processing. This is useful for generating content (eg, Mustache, Handlebars) which uses conflicting syntax.

{% raw %}
  In Handlebars, {{ this }} will be HTML-escaped, but {{{ that }}} will not.
{% endraw %}

https://github.com/Shopify/liquid/wiki/liquid-for-designers#raw

How to use {{ }} brackets with html code on Github Flavored Markdown?

1 Answers1