<p dir="auto"><strong>I'm submitting a Improvement for documents</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[ ] bug report
[x] feature request
[x] improvement request
[ ] support request"><pre class="notranslate"><code class="notranslate">[ ] bug report
[x] feature request
[x] improvement request
[ ] support request
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
For example, in <a href="https://angular.io/docs/ts/latest/api/core/index/HostListener-interface.html" rel="nofollow">HostListener</a> doc, there is no detailed descriptions for <code class="notranslate">eventName</code>.<br>
In common that should be dom event names, but actually we could use it some way like <code class="notranslate">document:click</code>/<code class="notranslate">keyup.esc</code> etc.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
I think it should be a more clear doc for any details even that advanced usage,<br>
e.g. how can we use that <code class="notranslate">eventName</code> in <code class="notranslate">HostListener</code> decorator.<br>
Angular is moving fast, any details should be checkable for developers.</p>
<p dir="auto">Thx.</p>
<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
[ ] 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><br>
Generating a correct URL from a route containing an auxiliary route seems to be impossible in some cases. For example, in my use case, the correct route would be /Test/(List//details:/Details/1) but the router generates /Test/List(details:Details/1).</p>
<p dir="auto"><strong>Expected behavior</strong><br>
The router should generate the correct route.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
Here is the plunker: <a href="https://plnkr.co/edit/2xo6WFI2JzGbIcAzio04" rel="nofollow">https://plnkr.co/edit/2xo6WFI2JzGbIcAzio04</a></p>
<p dir="auto"><strong>What is the motivation/use case for changing the behavior?</strong><br>
In my plunker, I want to generate the <strong>details</strong> below the <strong>list</strong> in an auxiliary route.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<p dir="auto">Windows/ASP.NET</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.X<br>
Angular 2.3</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>
all</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]<br>
TS 2.1, ES5</p>
</li>
</ul>