title: Angular 2 how to use [(ngModel)] in a select list form
body: <p>I have a form where I need to add a select list option but I don't really know how to write the HTML properly.</p>
  
  <p>The value selected must be assigned to <code>field_status</code> and sent to the server</p>
  
  <pre><code>   &lt;div class="form-group"&gt;
              &lt;select [(ngModel)]="support.field_status" class="form-control form-control-sm"&gt;
              &lt;option *ngFor="let s of status"  id="field_status" name="field_status"   ngValue= {{s}}&gt;{{s}}&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>This is the component:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { Router, ActivatedRoute } from '@angular/router';
  import { Support } from '../shared/models/support.model';
  import { SupportService } from './support.service';
  
  @Component({
    selector: 'ndp-support-edit',
    templateUrl: './support-edit.component.html'
  })
  
  export class SupportEditComponent implements OnInit {
    form_title: string;
    support: Support;
    nid: number;
    errorMessage: string;
     private status = ['Pending','Assigned','Closed'];
     constructor(
      private supportService: SupportService,
      private router: Router,
      private route: ActivatedRoute,
  
    ) { 
  
  
    }
  
    save() {
      let _body = {
  
        _links: {
            type: {
              href: "http://example.co.uk/rest/type/node/support_tickets"
            }
        },
        title: [{ value: this.support.title}],
        field_message: [{ value: this.support.field_message}],
        field_status: [{value: this.support.field_status}]
  
       };
  
      if (this.nid) {
        this.supportService.updateSupport(this.nid, _body)
          .map(res =&gt; res.json())
          .subscribe(
            response =&gt; this.supportService.finishSaveSupport(response, _body),
            error =&gt; this.errorMessage = error.json().message
          );
      } else {
          this.supportService.createSupport(_body)
          .map(res =&gt; res.json())
          .subscribe(
            response =&gt; this.supportService.finishSaveSupport(response, _body),
            error =&gt; this.errorMessage = error.json().message
          );
      }
    }
  
    ngOnInit() {
      if (this.route.snapshot.params['nid']) {
        // Use the node response data from Resolver;
        // @see node.resolver
        this.support = this.supportService.getSupportData(this.route.snapshot.data['support']);
        this.nid = this.support.nid;
        this.form_title = 'Edit support ' + this.support.title + ' [nid:' + this.nid + ']';
      } else {
        // This for the create new node form.
        this.support = this.supportService.newSupportData();
        this.form_title = 'Create new support';
      }
    }
  
  }
  </code></pre>
  
  <p>Currently, I get this error:</p>
  
  <pre><code>If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
  </code></pre>