title: Angular 8 set selected value in dropdown based on string
body: <p>I have this code: </p>
  
  <pre><code>  &lt;ng-container matColumnDef="pricingTemplateId"&gt;
              &lt;th mat-header-cell *matHeaderCellDef mat-sort-header&gt;Margin&lt;/th&gt;
              &lt;td mat-cell *matCellDef="let customer"&gt;
                  {{customer.pricingTemplateName}}
              &lt;/td&gt;
          &lt;/ng-container&gt;
  
          &lt;ng-container matColumnDef="PricingTemplatesList"&gt;
              &lt;th mat-header-cell *matHeaderCellDef mat-sort-header&gt;Margin Template&lt;/th&gt;
              &lt;td mat-cell *matCellDef="let customer"&gt;
                  &lt;select id="pricingtemplates" name="ddlPricingTemplate"&gt;
                      &lt;option *ngFor="let pricingTemplate of customer.pricingTemplatesList" [(ngModel)]="customer.pricingTemplateName"&gt;{{pricingTemplate.name}}&lt;/option&gt;
                  &lt;/select&gt;
              &lt;/td&gt;
          &lt;/ng-container&gt;
  </code></pre>
  
  <p>For the select control I'm attaching array of objects like in the screenshot below: </p>
  
  <p><a href="https://i.stack.imgur.com/qcCII.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qcCII.png" alt="enter image description here"></a></p>
  
  <p>Now, I also have another string value in the model on which I want to base the selected value in the dropdown. </p>
  
  <p>When I do <code>[(ngModel)]="customer.pricingTemplateName"</code> which is basically a string I'm getting this message "No value accessor for form control with unspecified name attribute"</p>
  
  <p>Without the ngModel property I'm able to list all the template names in the dropdown but do I need to do some change in order to set the selected value based on a string? </p>