<p dir="auto">Chaining <code class="notranslate">ngFor</code> with a <code class="notranslate">slice</code> pipe throws errors.<br>
I just realized that now that the dev mode is enabled by default (alpha-55).</p>
<div class="highlight highlight-source-ts notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@Component({
  selector: 'users-cmp',
  template: `&lt;div *ngFor=&quot;#user of users | slice:0:2&quot;&gt;{{user.name}}&lt;/div&gt;`
})
export class UsersCmp {
  users: Array&lt;any&gt; = [
    {name: 'Cedric},
    {name: 'Agnes'},
    {name: 'Cyril'}
  ];
}"><pre class="notranslate">@<span class="pl-smi">Component</span><span class="pl-kos">(</span><span class="pl-kos">{</span>
  <span class="pl-c1">selector</span>: <span class="pl-s">'users-cmp'</span><span class="pl-kos">,</span>
  <span class="pl-c1">template</span>: <span class="pl-s">`&lt;div *ngFor="#user of users | slice:0:2"&gt;{{user.name}}&lt;/div&gt;`</span>
<span class="pl-kos">}</span><span class="pl-kos">)</span>
<span class="pl-k">export</span> <span class="pl-k">class</span> <span class="pl-smi">UsersCmp</span> <span class="pl-kos">{</span>
  <span class="pl-c1">users</span>: <span class="pl-smi">Array</span><span class="pl-kos">&lt;</span><span class="pl-smi">any</span><span class="pl-kos">&gt;</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span>
    <span class="pl-kos">{</span><span class="pl-c1">name</span>: <span class="pl-s">'Cedric},</span>
<span class="pl-s">    {name: '</span><span class="pl-smi">Agnes</span>'<span class="pl-kos">}</span><span class="pl-kos">,</span>
    <span class="pl-kos">{</span><span class="pl-c1">name</span>: <span class="pl-s">'Cyril'</span><span class="pl-kos">}</span>
  <span class="pl-kos">]</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto">Gives  <code class="notranslate">Expression 'users | slice:0:2 in UsersCmp@0:5' has changed after it was checked</code>.<br>
Runtime works (despite the errors), but unit tests are failing.</p>
<p dir="auto">Related to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="122429850" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/5941" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/5941/hovercard" href="https://github.com/angular/angular/issues/5941">#5941</a> I think.</p>
<p dir="auto"><strong>I'm submitting a ...</strong><br>
[x] bug report</p>
<p dir="auto">Modules are loaded twice.<br>
• angular version : 2.4.4 (latest)<br>
• angular/router : 3.4.4 (latest)</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
<a href="https://github.com/ASmeha/angular2-sample">https://github.com/ASmeha/angular2-sample</a><br>
In this sample modules are loaded when changing routes .</p>
<p dir="auto"><strong>Example in the repo for the issue</strong> :<br>
Logs in modules class constructor are displayed twice.</p>