<p dir="auto">**I pass variable "activeObject$" through input() option in component</p>
<p dir="auto"><strong>Current behavior</strong><br>
vendor.bundle.js:42872 EXCEPTION: Uncaught (in promise): Error: Error in ./BaseObjectReleasesPageComponent class BaseObjectReleasesPageComponent - inline template:170:43 caused by: Failed to execute 'setAttribute' on 'Element': 'ng-reflect-active-object$' is not a valid attribute name.<br>
Error: Failed to execute 'setAttribute' on 'Element': 'ng-reflect-active-object$' is not a valid attribute name.<br>
at DomRenderer.setElementAttribute (<a href="http://beta.prwire:4201/vendor.bundle.js:32057:31" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:32057:31</a>)<br>
at DomRenderer.setBindingDebugInfo (<a href="http://beta.prwire:4201/vendor.bundle.js:32078:18" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:32078:18</a>)<br>
at DebugDomRenderer.setBindingDebugInfo (<a href="http://beta.prwire:4201/vendor.bundle.js:59773:24" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:59773:24</a>)<br>
at setBindingDebugInfo (<a href="http://beta.prwire:4201/vendor.bundle.js:19771:18" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:19771:18</a>)<br>
at <a href="http://beta.prwire:4201/vendor.bundle.js:19763:9" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:19763:9</a><br>
at Array.forEach (native)<br>
at setBindingDebugInfoForChanges (<a href="http://beta.prwire:4201/vendor.bundle.js:19762:26" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:19762:26</a>)<br>
at Wrapper_EmailSubscriptionsBlockComponent.ngDoCheck (/AppModule/EmailSubscriptionsBlockComponent/wrapper.ngfactory.js:29:7)<br>
at CompiledTemplate.proxyViewClass.View_BaseObjectReleasesPageComponent0.detectChangesInternal (/AppModule/BaseObjectReleasesPageComponent/component.ngfactory.js:264:47)<br>
at CompiledTemplate.proxyViewClass.AppView.detectChanges (<a href="http://beta.prwire:4201/vendor.bundle.js:61297:14" rel="nofollow">http://beta.prwire:4201/vendor.bundle.js:61297:14</a>)</p>
<p dir="auto">** OS:<br>
Linux user-desktop 3.13.0-37-generic <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="45048591" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/64" data-hovercard-type="pull_request" data-hovercard-url="/angular/angular/pull/64/hovercard" href="https://github.com/angular/angular/pull/64">#64</a>-Ubuntu SMP Mon Sep 22 21:28:38 UTC 2014 x86_64 x86_64 x86_64 GNU/Linux</p>
<p dir="auto">ng version<br>
angular-cli: 1.0.0-beta.21<br>
node: 7.1.0<br>
os: linux x64</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong><br>
"dependencies": {<br>
"@angular/common": "2.2.3",<br>
"@angular/compiler": "2.2.3",<br>
"@angular/core": "2.2.3",<br>
"@angular/forms": "2.2.3",<br>
"@angular/http": "2.2.3",<br>
"@angular/platform-browser": "2.2.3",<br>
"@angular/platform-browser-dynamic": "2.2.3",<br>
"@angular/router": "3.2.3",<br>
"angular2-cookie": "^1.2.5",<br>
"angular2-toaster": "^1.0.2",<br>
"core-js": "^2.4.1",<br>
"ng2-pagination": "^0.5.1",<br>
"rxjs": "5.0.0-rc.1",<br>
"systemjs": "0.19.41",<br>
"ts-helpers": "^1.1.1",<br>
"zone.js": "^0.6.23"<br>
},<br>
"devDependencies": {<br>
"@angular/compiler-cli": "2.2.3",<br>
"@types/jasmine": "2.5.38",<br>
"@types/node": "^6.0.42",<br>
"angular-cli": "1.0.0-beta.22",<br>
...</p>
</li>
<li>
<p dir="auto"><strong>Browser:</strong> Chrome</p>
</li>
</ul>
<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
[ ] 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
[ ] 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></p>

<p dir="auto">I have the the following active paths</p>
<p dir="auto">'./path1' the link path1 should be active.<br>
'./path1?param1=70000&amp;param2=test2' the link path1 should be active.<br>
'./path1/path2' the link path2 should be active.</p>
<p dir="auto">I am using [routerLinkActiveOptions]="{ exact: true }" to distinguise between './path1' and './path1/path2' but this doesn't work with queryParams. Which is why I should probably use the queryParams variable. But since I want to allow any parameter it's strange that I have to specify all of them.</p>
<p dir="auto"><strong>Expected behavior</strong></p>

<p dir="auto">path1 should be active even with parameters without needing to specify all of them.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
In use cases where there are many parameters and you want to make the link active for any of them it's strange that you need to specify all of them.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<p dir="auto">Angular2 latest, chrome</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.X</li>
</ul>

<ul dir="auto">
<li>
<p dir="auto"><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Chrome</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]<br>
Typescript</p>
</li>
</ul>