title: angular binding with null or empty fields question
body: <p>using angular7</p>
  
  <p>I have a simple address object </p>
  
  <pre><code>user.addressLine1: '100 King Street',
  user.addressLine2: 'Apt b',
  user.city: 'New York',
  user.state: 'NY',
  user.zipcode: '10012'   
  </code></pre>
  
  <p>and I want to do a simple address change, so I have code that displays the address with a little update icon, once you click that we go into input mode</p>
  
  <p>this seems to work great as long as all the data is populated, once a value is null or say user.addressLine2 = '', I get the </p>
  
  <p><em>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.</em></p>
  
  <p>any ideas what I need to do to my html or ts file, I would most certainly be appreciated - below is my a bit of my html and all inputs have the name attribute </p>
  
  <pre><code>   &lt;h2&gt;Address&lt;/h2&gt;
     &lt;h3&gt;Primary Address&lt;i class="icon-edit" (click)="editAddress()"&gt;&lt;/i&gt;&lt;/h3&gt;
     &lt;div *ngIf="isReadOnly"&gt;
       &lt;div class="name"&gt;
         &lt;span&gt;{{ user.addressLine1 }}&lt;/span&gt;
       &lt;/div&gt;
       &lt;div class="name"&gt;
         &lt;span&gt;{{ user.addressLine2 }}&lt;/span&gt;
       &lt;/div&gt;
       &lt;div class="name"&gt;
        &lt;span&gt;{{ user.city }} {{ user.state }} {{ user.zipcode }}&lt;/span&gt;
       &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div *ngIf="!isReadOnly"&gt;
        &lt;div class="name"&gt;
          &lt;input name="{{ user.addressLine1 }}" [(ngModel)]="user.addressLine1"/&gt;
        &lt;/div&gt;
        &lt;div class="name"&gt;
          &lt;input name="{{ user.addressLine2 }}" [(ngModel)]="user.addressLine2"/&gt;
         &lt;/div&gt;
         &lt;div class="name"&gt;
           &lt;input name="{{ user.city }}" [(ngModel)]="user.city"/&gt;
           &lt;select name="{{ user.state }}" [(ngModel)]="user.state"&gt;
             &lt;option&gt;{{ user.state }}&lt;/option&gt;
             &lt;option *ngFor="let state of states" [value]="state.state"&gt;
                 {{ state.name }}
             &lt;/option&gt;
           &lt;/select&gt;
           &lt;input name="{{ user.zipcode }}" [(ngModel)]="user.zipcode"/&gt;
          &lt;/div&gt;
          &lt;div class="name"&gt;
           &lt;button type="button" name="submit" (click)="clickSubmit(user)"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>