ngmodel attached to rows not re-rendering table

[joshterrill]

Here's my table definition:

<table class="mdl-data-table mdl-js-data-table mdl-data-table--selectable mdl-shadow--2dp data-table" [mfData]="tableData" #mf="mfDataTable" [mfRowsOnPage]="dataTableRows"></table>```

And in my component I have

dataTableRows = "40"

On initial load, it loads 40 records. However, I would expect that if I had an input bound to this value:

<md-input placeholder="Number of rows" [(ngModel)]="dataTableRows">

That when I change this, it would re-render the table with the new value of rows I've entered in the input.

I have verified that the value is changing correctly, but the table is not re-rendering.

[dennis2gn8]

same