<p dir="auto">Example: <a href="http://plnkr.co/edit/MVGtfe8LL8RyPoI6PaOc?p=preview" rel="nofollow">http://plnkr.co/edit/MVGtfe8LL8RyPoI6PaOc?p=preview</a></p>
<p dir="auto">If any element has a binding on the <code class="notranslate">class</code> property, it will blindly overwrite the existing element classes. <code class="notranslate">ngClass</code> will intelligently add and remove its given class (or classes).</p>
<p dir="auto">Should Angular keep this behavior for basic <code class="notranslate">class</code> bindings, or should the default behavior match <code class="notranslate">ngClass</code>?</p>
<p dir="auto">(<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/mhevery/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/mhevery">@mhevery</a> asked me to open this issue for discussion)</p>
<p dir="auto">The angular 2 router currently does not allow more than one level of nesting.</p>
<p dir="auto">If you have a structure like:</p>
<p dir="auto">/users/profile/detail</p>
<p dir="auto">you cannot link to /users/profile since the router config doesnt allow creating/linking to non-terminal routes.Thus more than 1 level of nesting is not possible.</p>
<p dir="auto">This is a huge flaw and makes angular 2 unsuitable for anything more than a toy application.</p>