html - Angularjs如何清除输入中的选中字段？

Question

我在我的应用程序中使用 MEAN 堆栈，并将 AngularJS 作为我的前端。如何清除输入元素中的选定文件，My Plunker

• 引用一下我的plunker。

• 我使用了 Start date 和 End date 输入，用于过滤 Due_date。如果我们选择像这样的开始日期:- 16-09-2016 数据在表中有过滤。

• 在那个日期输入中有一个 X close 按钮来清除字段，但是如果我们点击那个 x 清除按钮，表格显示为空数据。

• 我们非常期待的是，如果我们单击那个 x 清除按钮，它应该清除选定的文件并需要在表中显示所有数据....就像我们给出的例如 plunker 在这里:- http://plnkr.co/edit/QuJvCXFpKbwVd0OlkHZ2?p=preview因为这个 plunker x clear button 工作得很好，我不知道我哪里弄错了，

• 请帮助我们。

我的 daterange 过滤器 Controller :-

 .filter("myfilter", function() {
     return function(items, from, to) {
       var df = from;
         var dt =to;
           var result = [];   
             console.log(to);
            for (var i=0; i<items.length; i++){
           var date = moment(items[i].invoice_date);
          date.add(items[i].terms,'d');
         var tf = date;
       if (date.isAfter(moment(from)) && date.isBefore(moment(to)))  {
                    result.push(items[i]);
                }
            }   
             //console.log(items);
            return result;
      };
    });

我的 html :-

 <input type="date" class="form-control" name="from" ng-model="from">

  <input type="date" class="form-control" name="to" ng-model="to">

过滤日期范围:-

   <tr ng-repeat="data in  record | myfilter:from:to">

    <td> {{addDays(data.invoice_date,data.terms) | date:'yyyy-MM-dd'}}</td>

    </tr>

我已经创建了我的 plunker 以供引用:- My Plunker

Answer 1

在您的过滤器中添加日期验证

  app.filter("myfilter", function() {
  return function(items, from, to) {
  if(from.length!=0 && to.length!=0)
  {
     var df = from;
     var dt =to;
     var result = [];   
    console.log(to);
    for (var i=0; i<items.length; i++){
        var date = moment(items[i].invoice_date);
        date.add(items[i].terms,'d');
        var tf = date;
        if (date.isAfter(moment(from)) && date.isBefore(moment(to)))  {
            result.push(items[i]);
        }
      }   
     //console.log(items);
      return result;
   }else
 {

   return items;
 }
};
});