<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto">When interpolation delimiters are changed to <code class="notranslate">[[</code> and <code class="notranslate">]]</code>, having an unescaped <code class="notranslate">{</code> in template still throws an error (including <code class="notranslate">{{</code>).</p>
<p dir="auto"><strong>Expected behavior</strong></p>

<p dir="auto"><code class="notranslate">{</code> should be allowed in templates if interpolation delimiters are changed.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto"><a href="http://plnkr.co/edit/5Kl9w2Mpct9z7ljEgogS?p=preview" rel="nofollow">http://plnkr.co/edit/5Kl9w2Mpct9z7ljEgogS?p=preview</a></p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>

<p dir="auto">One would normally change interpolation string because one needs <code class="notranslate">{{</code> for something else (eg. LaTeX syntax uses <code class="notranslate">{</code> heavily).</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<ul dir="auto">
<li><strong>Angular version:</strong> 2.4.x</li>
</ul>

<ul dir="auto">
<li>
<p dir="auto"><strong>Browser:</strong> all</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> TypeScript</p>
</li>
</ul>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
<code class="notranslate">&lt;div&gt;Test binding: {{2 + 2}}&lt;/div&gt;</code><br>
=&gt; <code class="notranslate">Test binding: 4</code><br>
<code class="notranslate">&lt;div ngNonBindable&gt;Test non binding: {{2 + 2}}&lt;/div&gt;</code><br>
=&gt; <code class="notranslate">Test binding: {{2 + 2}}</code><br>
<code class="notranslate">&lt;div&gt;Test  non binding: {2 + 2}&lt;/div&gt;</code><br>
=&gt; Template parse errors, the "(Do you have an unescaped "{" in your template? Use "{{ '{' }}") to escape it.)" message.</p>
<p dir="auto">This is a problem because precisely due to the fact that they are [ngNonBindable] marked elements, <code class="notranslate">"{{ '{' }}"</code> doesn't produce the expected result.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
As the escaping of <code class="notranslate">{</code> characters isn't possible inside [ngNonBindable] elements so it's the compiler's job to ignore them altogether, I believe.</p>
<p dir="auto"><code class="notranslate">&lt;div&gt;Test  non binding: {2 + 2}&lt;/div&gt;</code><br>
=&gt; <code class="notranslate">Test binding: {2 + 2}</code></p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
here =&gt; <a href="http://plnkr.co/edit/GSzwEUyXyY1qDabjpEL1?p=preview" rel="nofollow">http://plnkr.co/edit/GSzwEUyXyY1qDabjpEL1?p=preview</a></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0</li>
</ul>