【问题标题】:AngularJs binding is delaying in directiveAngularJs 绑定在指令中延迟
【发布时间】:2015-10-19 05:58:40
【问题描述】:

请看小提琴:https://jsfiddle.net/ThiagoRomam/1hyguh6n/

$scope.setDates = function(initialDate, finalDate) {
    $scope.initialDate = initialDate;
    $scope.finalDate = finalDate;
    $scope.apply();
};

当您在输入中按任意键或单击选项(所有时间、今天)时,会在完成绑定之前调用 apply 方法。

我该如何解决这个问题?

【问题讨论】:

  • 你不需要在那里使用$scope.apply();
  • apply() 不是 $apply: scope: { ... apply: "&fApply" }
  • 虽然方法不一样。很高兴知道我可能错误地覆盖了 Angular 方法。

标签: angularjs binding directive


【解决方案1】:

添加$timeout 以等待$digest 完成。检查工作演示:JSFiddle

app.directive("dateFilter", ['$timeout', function ($timeout) {
    ...
    $timeout(function () {
        $scope.apply();
    }); 

建议

不要使用像apply这样的函数名,以防与内置函数$apply混合使用。

【讨论】:

  • 它有效! :D 另外,我将初始范围内的方法重命名为“applyMethod”,并在链接期间使用您的建议创建一个新的“apply”方法。这样,直接在 html 中“应用”的调用也将等待 $diggest
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-01-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-02-22
  • 1970-01-01
相关资源
最近更新 更多