从 js 代码中清除 Kendo DatePicker 时，角度模型未更改

Question

我有 html 并希望在用户按下“删除”按钮时清除值

我的代码：

    var handleDateKeyDown = () => {
        $('input[kendo-date-picker]').each((i, el) => {
            $(el).keydown((ev) => {
                ev.preventDefault();
                if (ev.key === "Delete") {
                    $(el).data("kendoDatePicker").value(null);
                }
                return false;
            });
        });
    }

UI 部分工作，此代码清除 kendoDatePicker 值，但模型没有改变，有一些简单的解决方案来清除 kendoDatePicker 值和角度模型值？我不能使用$scope.Pile.Date = null;，因为我想将此方法绑定到页面上的所有日期选择器...

编辑：下面缺少 html：

<input kendo-date-picker k-ng-model="Pile.Date" ng-blur="Save()" />

Answer 1

这是我能想到的某种解决方案（肯定不是最好的）

plnkr 手动清空模型

        $('input[kendo-date-picker]').each((i, el) => {
        $(el).keydown((ev) => {
            ev.preventDefault();
            if (ev.key === "Delete") {
                $scope.dateString = null
                $(el).data("kendoDatePicker").value(null);
                $scope.$apply()

            }
            return false;
        });
     });   

另一种解决方案： 添加删除按钮处理程序作为指令：

app.directive('del',function(){
 return {
 restrict:'A',
 scope:{ngModel:'='},
 link:function(scope,el,attrs){
   el.keydown((ev) => {

     scope.$apply(()=>{
       $(el).data("kendoDatePicker").value(null);  
       scope.ngModel = null;          

     })
   })
 }
}
}) 

plnkr

Answer 2

您可以在return false; 之前尝试$scope.$apply()，看看它是否有效。 jQuery 的事件触发器可能不会触发 Angular 中的 $diggest 循环。