<p dir="auto">Getting script error while define more than on complex property in <strong><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/input/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/input">@input</a>()</strong>  or</p>
<p dir="auto">How to define complex property. Please find plnkr link.</p>
<p dir="auto"><a href="https://plnkr.co/edit/NcvjuqZvo6jilmrdeZ1R?p=preview" rel="nofollow">https://plnkr.co/edit/NcvjuqZvo6jilmrdeZ1R?p=preview</a></p>
<p dir="auto">`VM1920 zone.js:420 Unhandled Promise rejection: Template parse errors:<br>
Can't bind to 'content.value' since it isn't a known property of 'custom-div'.</p>
<ol dir="auto">
<li>
<p dir="auto">If 'custom-div' is an Angular component and it has 'content.value' input, then verify that it is part of this module.</p>
</li>
<li>
<p dir="auto">If 'custom-div' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.<br>
("</p>
 
<p dir="auto">&lt;custom-div  [ERROR -&gt;][content.value] = "content"&gt;<br>
"): App@5:17 ; Zone:  ; Task: Promise.then ; Value: SyntaxError {__zone_symbol__error: Error: Template parse errors:<br>
Can't bind to 'content.value' since it isn't a known property of 'cust…, _nativeError: ZoneAwareError, __zone_symbol__stack: "Error: Template parse errors:↵Can't bind to 'conte…ps://unpkg.com/zone.js@0.7.6/dist/zone.js:433:35)", __zone_symbol__message: "Template parse errors:↵Can't bind to 'content.valu…t.value] = "content"&gt;↵  "): App@5:17"} Error: Template parse errors:<br>
Can't bind to 'content.value' since it isn't a known property of 'custom-div'.</p>
</li>
<li>
<p dir="auto">If 'custom-div' is an Angular component and it has 'content.value' input, then verify that it is part of this module.</p>
</li>
<li>
<p dir="auto">If 'custom-div' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message.<br>
("</p>
 
<p dir="auto">&lt;custom-div  [ERROR -&gt;][content.value] = "content"&gt;<br>
"): App@5:17<br>
at SyntaxError.ZoneAwareError (<a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:811:33" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:811:33</a>)<br>
at SyntaxError.BaseError [as constructor] (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:1592:20" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:1592:20</a>)<br>
at new SyntaxError (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:1795:20" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:1795:20</a>)<br>
at TemplateParser.parse (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:11434:23" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:11434:23</a>)<br>
at JitCompiler._compileTemplate (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27568:72" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27568:72</a>)<br>
at eval (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27451:66" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27451:66</a>)<br>
at Set.forEach (native)<br>
at JitCompiler._compileComponents (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27451:23" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27451:23</a>)<br>
at createResult (<a href="https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27333:23" rel="nofollow">https://unpkg.com/@angular/compiler/bundles/compiler.umd.js:27333:23</a>)<br>
at ZoneDelegate.invoke (<a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:242:26" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:242:26</a>)<br>
at Zone.run (<a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:113:43" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:113:43</a>)<br>
at <a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:535:57" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:535:57</a><br>
at ZoneDelegate.invokeTask (<a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:275:35" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:275:35</a>)<br>
at Zone.runTask (<a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:151:47" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:151:47</a>)<br>
at drainMicroTaskQueue (<a href="https://unpkg.com/zone.js@0.7.6/dist/zone.js:433:35)%60" rel="nofollow">https://unpkg.com/zone.js@0.7.6/dist/zone.js:433:35)`</a></p>
</li>
</ol>
<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><br>
Right now it is possible to create a Directive using several selectors, but it is not possible to assign several binding property names to the same property. Consider the following example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="@Directive({
    selector: 'my-group,[group]',
})
export class MyGroup {
    @Input('group') instance;
    .....
}"><pre class="notranslate"><code class="notranslate">@Directive({
    selector: 'my-group,[group]',
})
export class MyGroup {
    @Input('group') instance;
    .....
}
</code></pre></div>
<p dir="auto">As I have got an additional attribute selector, I am kind of forced to use the same property name for "instance", but I am not free to choose another name in case I am using <code class="notranslate">&lt;my-group&gt;</code> selector. <code class="notranslate">&lt;my-group group="myInstance"&gt;</code> looks ugly and redundant.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
It should be possible to have something like:<br>
<code class="notranslate">@Input("group", "instance") instance;</code></p>