<ul dir="auto">
<li>VSCode Version: 1.1.0</li>
</ul>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/387794/15162352/c769ff48-16d8-11e6-9211-82b338d2b034.png"><img src="https://cloud.githubusercontent.com/assets/387794/15162352/c769ff48-16d8-11e6-9211-82b338d2b034.png" alt="attributes" style="max-width: 100%;"></a></p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    Current behaviour:
    &lt;div [class.selected]=&quot;i === selected&quot;&gt;&lt;/div&gt;
    &lt;div [class.tooSmall]=&quot;value &lt; threshold&quot;&gt;&lt;/div&gt;
    &lt;div [class.tooBig]=&quot;value &gt; limit&quot;&gt;&lt;/div&gt;

    Expected (to be like):
    &lt;div *ngIf=&quot;i === selected&quot;&gt;&lt;/div&gt;
    &lt;div *ngIf=&quot;value &lt; threshold&quot;&gt;&lt;/div&gt;
    &lt;div *ngIf=&quot;value &gt; limit&quot;&gt;&lt;/div&gt;"><pre class="notranslate">    Current behaviour:
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">[class.selected]</span>="<span class="pl-s">i === selected</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">[class.tooSmall]</span>="<span class="pl-s">value &lt; threshold</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">[class.tooBig]</span>="<span class="pl-s">value &gt; limit</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>

    Expected (to be like):
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">*ngIf</span>="<span class="pl-s">i === selected</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">*ngIf</span>="<span class="pl-s">value &lt; threshold</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
    <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">*ngIf</span>="<span class="pl-s">value &gt; limit</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">I could offer a PR if anyone familiar with the vscode structure give me hints on where I should look for the issue.</p>
<p dir="auto">Angular 2 uses brackets around attributes or * prefixes, which break syntax highlighting and IntelliSense:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;a href=&quot;hello.html&quot; (click)=&quot;someMethod()&quot; title=&quot;hello&quot;&gt;&lt;/a&gt;
&lt;input type=&quot;text&quot; [value]=&quot;someProperty&quot; placeholder=&quot;Enter text&quot;/&gt;
&lt;div class=&quot;hello&quot; *ngIf=&quot;someCondition&quot;&gt;&lt;/div&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">href</span>="<span class="pl-s">hello.html</span>" <span class="pl-c1">(click)</span>="<span class="pl-s">someMethod()</span>" <span class="pl-c1">title</span>="<span class="pl-s">hello</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">a</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">input</span> <span class="pl-c1">type</span>="<span class="pl-s">text</span>" <span class="pl-c1">[value]</span>="<span class="pl-s">someProperty</span>" <span class="pl-c1">placeholder</span>="<span class="pl-s">Enter text</span>"/&gt;
<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">hello</span>" <span class="pl-c1">*ngIf</span>="<span class="pl-s">someCondition</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/10532611/14869187/2cd876b8-0cd2-11e6-9284-076cf584a592.png"><img src="https://cloud.githubusercontent.com/assets/10532611/14869187/2cd876b8-0cd2-11e6-9284-076cf584a592.png" alt="image" style="max-width: 100%;"></a></p>