title: Pass data on parent change angular 7
body: <p>I have two dropdown list and I need to pass both of their values to updateGraph function in the component when either one of the two changes</p>
  
  <pre><code>   &lt;div class="card-body" (change)="updateGraph($event)"&gt;
                          &lt;div class="row"&gt;
                              &lt;label&gt;City&lt;/label&gt;
                              &lt;select data-id="selects1" class="browser-default custom-select"&gt;
                                  &lt;label&gt;City&lt;/label&gt;
                                  &lt;option selected&gt;Select a city&lt;/option&gt;
                                  &lt;option *ngFor="let city of cities" [value]="city"&gt;{{ city }} &lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;label&gt;Scale&lt;/label&gt;
                              &lt;select data-id="selects" class="browser-default custom-select"&gt;
                                  &lt;option selected&gt;Scale&lt;/option&gt;
                                  &lt;option *ngFor="let scale of scales" [ngValue]="scale.value"&gt;{{ scale.Name }}
                                  &lt;/option&gt;
                              &lt;/select&gt;
                          &lt;/div&gt;
                          &lt;div class="row"&gt;
                              &lt;mdb-date-picker name="mydate" [options]="myDatePickerOptions" [placeholder]="'Selected date'"
                                  [(ngModel)]="model" required&gt;&lt;/mdb-date-picker&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  </code></pre>