<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

**Current behavior**

look at the plunkr:
http://plnkr.co/edit/hB34VjxP98uz1iAYS7Dw?p=preview

input Name is part of form, Name1, which is defined in a sub-component is not part of form

**Expected/desired behavior**

If I enter &quot;abc&quot; and &quot;xyz&quot;, heroForm.form.value should be {name: &quot;abc&quot;, name1: &quot;xyz&quot;}

**Please tell us about your environment:**

* **Angular version:** 2.0.0-rc.4

* **Browser:** [all] 

* **Language:** [ TypeScript X.X ] "><pre class="notranslate"><code class="notranslate">[x ] bug report

**Current behavior**

look at the plunkr:
http://plnkr.co/edit/hB34VjxP98uz1iAYS7Dw?p=preview

input Name is part of form, Name1, which is defined in a sub-component is not part of form

**Expected/desired behavior**

If I enter "abc" and "xyz", heroForm.form.value should be {name: "abc", name1: "xyz"}

**Please tell us about your environment:**

* **Angular version:** 2.0.0-rc.4

* **Browser:** [all] 

* **Language:** [ TypeScript X.X ] 
</code></pre></div>
<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
[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
[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>
Using the new form API, if a parent component has a <code class="notranslate">&lt;form&gt;</code> tag, and child components have <code class="notranslate">&lt;input&gt;</code> tags using the [(ngModel)] directive, then input components will not be registered with the parent form.</p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
If a parent component has a form containing child components with ngModel-bound input components in their template, then these input components should be registered with the parent form.</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
See this plunkr: <a href="https://plnkr.co/edit/oKmTF7FgJM24L3ZvZ7F2?p=preview" rel="nofollow">https://plnkr.co/edit/oKmTF7FgJM24L3ZvZ7F2?p=preview</a></p>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
The parent form should not be valid if the child input is invalid</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
There should be a way to wrap form parts in components and embed them in a parent form. Imagine a tabbed-form with a single save button, or a form containing a list of items.</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.3</li>
<li><strong>Browser:</strong> [Chrome ]</li>
<li><strong>Language:</strong> [TypeScript]</li>
</ul>