<p dir="auto">Would be nice to have a core directive to create generic variable contexts at the template.</p>
<p dir="auto">Example of implementation:<br>
<a href="https://gist.github.com/willgm/ffe653a49f36997881575df2e93979bc">https://gist.github.com/willgm/ffe653a49f36997881575df2e93979bc</a></p>
<p dir="auto">This has some benefits like:</p>
<ul dir="auto">
<li>Shortcuts for long data structures and/or constant use of pipes:</li>
</ul>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;ul *context=&quot;let user on my?.long?.data?.structure?.with?.user | json&quot;&gt;
  &lt;li&gt;{{user.name}}&lt;/li&gt;
  &lt;li&gt;{{user.age}}&lt;/li&gt;
  &lt;li&gt;{{user.email}}&lt;/li&gt;
&lt;/ul&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">ul</span> <span class="pl-c1">*context</span>="<span class="pl-s">let user on my?.long?.data?.structure?.with?.user | json</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>{{user.name}}<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>{{user.age}}<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>{{user.email}}<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">ul</span><span class="pl-kos">&gt;</span></pre></div>
<ul dir="auto">
<li>Avoid multiple observer subscriptions at the same template:</li>
</ul>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;ul *context=&quot;let user on user$ | async&quot;&gt;
  &lt;li&gt;{{user.name}}&lt;/li&gt;
  &lt;li&gt;{{user.age}}&lt;/li&gt;
  &lt;li&gt;{{user.email}}&lt;/li&gt;
&lt;/ul&gt;"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">ul</span> <span class="pl-c1">*context</span>="<span class="pl-s">let user on user$ | async</span>"<span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>{{user.name}}<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>{{user.age}}<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>{{user.email}}<span class="pl-kos">&lt;/</span><span class="pl-ent">li</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">ul</span><span class="pl-kos">&gt;</span></pre></div>
<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>
I'm using Angular 4.0.0 with Webpack 2.3.2 and I get some warnings for the angular core:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/23058331/24397663/4818c798-13a7-11e7-8cd9-0250235085d2.png"><img src="https://cloud.githubusercontent.com/assets/23058331/24397663/4818c798-13a7-11e7-8cd9-0250235085d2.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Expected behavior</strong><br>
No warnings would be nice :)</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
I think the warnings appear as soon as you try to use webpack 2 in addition with angular 4. So simply setup a angular project with webpack 2.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<p dir="auto">I use npm along with the lite server for development on a Windows machine</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 4.0.0.</li>
</ul>

<ul dir="auto">
<li><strong>Language:</strong> [TypeScript 2.2.1]</li>
</ul>