## I'm submitting feature request <!-- Check one of the following options with "x" --> <pre><code> [ ] Regression (a behavior that used to work and stopped working in a new release) [ ] Bug report <!-- Please search GitHub for a similar issue or PR before submitting --> [X] Feature request [ ] Documentation issue or request [ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question </code></pre>
## Current behavior <!-- Describe how the issue manifests. --> I have reproduced the same example for my application https://github.com/angular/material2/tree/master/src/material-examples/table-http I have a component with a form and table-http component, in my table-httpComponent I have @Input field with variables sent from my form, but when I call table-http no problem, this receive data from form correctly and rendered data, but when I modify fields in form and I press button (submit) I can't render table-http with new @Input date field sent. In my template component I have this ``` <form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate> <div> <md-input-container> <input mdInput [mdDatepicker]="pickerInit" placeholder="Fecha inicial" name="init" #init="ngModel" ngModel required> <button mdSuffix [mdDatepickerToggle]="pickerInit"></button> </md-input-container> <md-datepicker #pickerInit></md-datepicker> </div> <div > <button md-raised-button>Buscar</button> </div> </form> <http-table *ngIf=active [date]=date></http-table> ``` This is my onSubmit method ``` onSubmit(f: NgForm) { this.active = false; if (!f.value["init"]) { alert("Ingrese la fecha de inicio."); return; } this.date = this.localISOTime(f.value["init"]); this.active = true; console.log("Form values -> ", f.value); ``` In my table-http component I have declared my field @Input() date: Date When I press the button for the first time there is not a problem, table-http rendering correct data, but when I press the button for the second time http-table not reload with new data. I don't understand why don't reload with new data. ## Expected behavior <!-- Describe what the desired behavior would be. --> ## Minimal reproduction of the problem with instructions Here I add my plunker, in short, my problem is based on that when selecting a date for example and pressing the button (press a second time to advance, this in my real component does not happen so do not worry about it), by Console is printed twice the same date, assuming that date is used in my service to get the new data, if I change the date and press the button again do not reprint this data and never update my table. https://plnkr.co/edit/80955I8GGis25hbpPBz5?p=preview <!-- For bug reports please provide the *STEPS TO REPRODUCE* and if possible a *MINIMAL DEMO* of the problem via https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5). --> ## What is the motivation / use case for changing the behavior? Render data-table from out with a form. ## Environment <pre><code> Angular version: 4.0.0 <!-- Check whether this is still an issue in the most recent Angular version --> Browser: - [X] Chrome (desktop) version 59.0.3071.115 - [ ] Chrome (Android) version XX - [ ] Chrome (iOS) version XX - [ ] Firefox version XX - [X] Safari (desktop) version 10.1 - [ ] Safari (iOS) version XX - [ ] IE version XX - [ ] Edge version XX For Tooling issues: - Node version: 8.1.2 <!-- run `node --version` --> - Platform: Mac<!-- Mac, Linux, Windows --> Others: <!-- Anything else relevant? Operating system version, IDE, package manager, HTTP server, ... --> </code></pre> -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
