I have a page, on which there are 2 date boxes. And below that, I've a ngRepeater which shows items, that in turn has buttons or anchor tags (clickable events). Each repeater row has some 5-6 items. The repeater is within a Table structure (tr ngRepeat).
The requirement is, based on the entered date, the system will compare with current date, and will show/hide a particular item on that row.
If I enter the date first and then populate the ngRepeater,it all works fine, but if I populate the ngRepeater first and then change the date, usually when you change the dates and press TAB on the date controls that element is hidden in the repeater. If you change the date using datepicker, then you have to click some element on the repeater, to see the change.
I think there might be something going on with digest and DOM manipulation which causes this behaviour. Is there any way I can fix this issue?
In this simple plunkr edit, it works fine though - Sample Plnkr Code
ng-if
setup a variable - var dateRange = {dateFrom:'', dateTo:''}, then used that date on the date picker control in html <date-picker date='dateRange.dateFrom'></date-picker> , then setup a $watch event on date range and update the client model value accordingly.