<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 =&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">[x] bug report
[ ] 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">[(ngModel)] without name is not allowed in a form. This used to work in the previous(now deprecated) forms. I think a mix for template and model driven form in the same template should be allowed. I see the following error when ngModel is used in a form without a associated control.</p>
<p dir="auto">Name attribute must be set if ngModel is used within a form.<br>
Example: &lt;input [(ngModel)]="person.firstName" name="first"&gt;</p>
<p dir="auto"><strong>Expected/desired behavior</strong></p>
<p dir="auto">[(ngModel)] should be allowed in a form without an associated control</p>
<p dir="auto"><strong>Reproduction of the problem</strong></p>
<p dir="auto">You can see the error in the dev console of this plunker<br>
<a href="https://plnkr.co/edit/CcXGHjI6jkkW8YpR28ZI?p=preview" rel="nofollow">https://plnkr.co/edit/CcXGHjI6jkkW8YpR28ZI?p=preview</a></p>
<p dir="auto"><strong>What is the expected behavior?</strong><br>
[(ngModel)] should be allowed in a form without an associated control.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
Allow mix of template and model driven form. This is specially useful in case part of the form in not really part of the actual business model.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
RC2 with new forms</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.2</li>
<li><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 ]</li>
<li><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5 | Dart]</li>
</ul>
<p dir="auto"><strong>feature request</strong></p>
<p dir="auto"><strong>Current behavior</strong><br>
If opted into the new forms and I have code like this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;form (submit)=&quot;process()&quot;&gt;
 &lt;input [(ngModel)]=&quot;propertyName&quot;&gt;
&lt;/form&gt;"><pre class="notranslate"><code class="notranslate">&lt;form (submit)="process()"&gt;
 &lt;input [(ngModel)]="propertyName"&gt;
&lt;/form&gt;
</code></pre></div>
<p dir="auto">And this throws an error: <code class="notranslate">ORIGINAL EXCEPTION: Name attribute must be set if ngModel is used within a form.</code></p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
I'd like to be able to use html forms and submit capabilities (such as submitting with the enter key) without having to specify a name  (and use FormGroups and FormControls) for my ngModel bound inputs.</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-beta.RC2</li>
</ul>