<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="[ ] bug report =&gt; search github for a similar issue or PR before submitting
[x] feature request
[x] 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">[ ] bug report =&gt; search github for a similar issue or PR before submitting
[x] feature request
[x] 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>
When using a parametrized route which targets a component, only this component can access those parameters.</p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
It might be necessary to read the parameters in other components.</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
If the current behavior is a bug or you can illustrate your feature request better with an example, please provide the steps to reproduce and if possible a minimal demo of the problem via <a href="https://plnkr.co" rel="nofollow">https://plnkr.co</a> or similar (you can use this template as a starting point: <a href="http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5" rel="nofollow">http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5</a>).<br>
Consider the following route configuration</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export const routes: RouterConfig = [
 { path: 'confirmation/:hashID', component: ConfirmationComponent, canActivate: [AuthGuard] },
];
"><pre class="notranslate"><code class="notranslate">export const routes: RouterConfig = [
 { path: 'confirmation/:hashID', component: ConfirmationComponent, canActivate: [AuthGuard] },
];

</code></pre></div>
<p dir="auto">Consider the following code as part of the ConfirmationComponent</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="this.activatedRoute.params.subscribe(params =&gt; {
            var hashID = params['hashID'];
        },"><pre class="notranslate"><code class="notranslate">this.activatedRoute.params.subscribe(params =&gt; {
            var hashID = params['hashID'];
        },
</code></pre></div>
<p dir="auto">If I use the above code in any other component, hashID won't be available. It is necessary to read location.path() and extract the hashID value.</p>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
Although I understand that the targeted component it the ConfirmationComponent, sometimes other components might need to have access to the parameters explicitly written in the URL.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.4</li>
<li><strong>Browser:</strong> [<strong>all</strong> | 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 ]</li>
<li><strong>Language:</strong> [all | <strong>TypeScript 1.8</strong> | ES6/7 | <strong>ES5</strong>]</li>
</ul>
<p dir="auto"><strong>I'm submitting a ...</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] feature request"><pre class="notranslate"><code class="notranslate">[x] feature request
</code></pre></div>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
Introduce a way to bundle css with the help of NgModules (see <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="163204090" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/9726" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/9726/hovercard" href="https://github.com/angular/angular/issues/9726">#9726</a>). These styles would only be usable/scoped to the components inside the NgModules.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
Sharing styles between multiple components is currently not supported out of the box. The user either has to insert these styles globally into the head, or copy them into each component's individual stylesheet. Both of these solutions are problematic.</p>