title: Dates not binding in Angular
body: <p>I am using Angular 7 for my Web app and have the following code in html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group col-md-6"&gt;
      &lt;label for="myDate"&gt;My Date&lt;/label&gt;
      &lt;div class="input-group"&gt;
          &lt;input 
              class="form-control" 
              placeholder="yyyy/mm/dd" 
              id="myDate" 
              name="myDate"
              [ngModel]="project.myDate | date: 'yyyy/MM/dd'" 
              ngbDatepicker #d="ngbDatepicker" 
              tabindex="9"&gt;
          &lt;div class="input-group-append"&gt;
              &lt;button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"&gt;&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When calling a Web API I got a JSON object like this:</p>
  
  <pre><code>{
      "id": 11,
      "description": "This is a test description",
      "budget": 1000,
      "myDate": "2020/02/11",
      ...
  }
  </code></pre>
  
  <p>This is the component code:</p>
  
  <pre class="lang-js prettyprint-override"><code>export class ProjectEditComponent implements OnInit {
  
      project: Project;
      errorMessage: string;
  
  
      constructor(private myprojectService: ProjectService) { }
  
      ngOnInit() {
  
          this.myprojectService.getDataById(this.dataId).subscribe(
              data =&gt; (this.project = data, console.log(JSON.stringify(data))),
              error =&gt; this.errorMessage = error as any,
          );
  
          console.log(this.errorMessage);
      }
  }
  </code></pre>
  
  <p>All the properties are bind properly except myDate property. </p>
  
  <p>I have doing some research and trying different propose solutions , but none one seems to work so far.</p>
  
  <p>Does any one of you face something similar?</p>