<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>
if more than 10 conditions in [ngClass] object, angular throw errors same as *ngFor = "let i of [1, 2, 3, .......11]"<br>
<strong>Expected behavior</strong><br>
it should handle without throwing error</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
try to validate when parsing the template without defining the object  in .ts file.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.X<br>
2.2.1</p>
</li>
<li>
<p dir="auto"><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]<br>
Chrome</p>
</li>
<li>
<p dir="auto">**Language:**TypeScript ES5</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =   v6.2.0</p>
</li>
</ul>
<p dir="auto">**I'm submitting a <strong>bug</strong>.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x ] bug report
[ ] feature request
[ ] support request"><pre class="notranslate"><code class="notranslate">[x ] bug report
[ ] feature request
[ ] support request
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>
<p dir="auto">I wanted to repeat particular element several amount of time, so I'm using <code class="notranslate">*ngFor</code> directive with hard-coded array like <code class="notranslate">[1,2,3,4,5,6,7,8,9,10]</code> and that got worked awesome. I achieved what I wanted to do.</p>
<p dir="auto"><strong>Code</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@Component({
  selector: 'my-app',
  template: `&lt;h1&gt;My First Angular App&lt;/h1&gt;
      &lt;div *ngFor=&quot;let item of [1,2,3,4,5,6,7,8,9,10]&quot;&gt;
          {{item}}: My Element 
      &lt;/div&gt;`
})"><pre class="notranslate"><code class="notranslate">@Component({
  selector: 'my-app',
  template: `&lt;h1&gt;My First Angular App&lt;/h1&gt;
      &lt;div *ngFor="let item of [1,2,3,4,5,6,7,8,9,10]"&gt;
          {{item}}: My Element 
      &lt;/div&gt;`
})
</code></pre></div>
<p dir="auto">[Demo Plunkr][1]</p>
<p dir="auto">But as soon as I increased the array size more than 10, I start getting below error. Which is really annoying.</p>
<blockquote>
<p dir="auto">zone.js@0.6.25?main=browser:355 Unhandled Promise rejection:<br>
Unsupported number of argument for pure functions: 11 ; Zone:  ;<br>
Task: Promise.then ; Value: Error: Unsupported number of argument for<br>
pure functions: 11(…) Error: Unsupported number of argument for pure<br>
functions: 11</p>
</blockquote>
<p dir="auto"><strong>Template</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div *ngFor=&quot;let item of [1,2,3,4,5,6,7,8,9,10,11]&quot;&gt;
  {{item}}
&lt;/div&gt;`"><pre class="notranslate"><code class="notranslate">&lt;div *ngFor="let item of [1,2,3,4,5,6,7,8,9,10,11]"&gt;
  {{item}}
&lt;/div&gt;`
</code></pre></div>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">I'm curious to know why that error is happening as soon as array size increase more than 10? But another interesting thing is when I put the same array in component inside variable <code class="notranslate">items= [1,2,3,4,5,6,7,8,9,10,11]</code> and used <code class="notranslate">items</code> in <code class="notranslate">*ngFor</code> and it got worked.</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.1</p>

</li>
<li>
<p dir="auto"><strong>Browser:</strong> all</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> TypeScript</p>
</li>
</ul>