javascript - 为什么绑定(bind)在 angularjs 中不起作用

Question

我有带有 Angularjs 的 Kendo UI 日历，每次选择日期时我都会调用“onChangeData”函数:

<div kendo-calendar="cal1" k-options="thingsOptions" k-rebind="events" ></div>

在 AngularJs Controller 中:

var onChangeData = function()
{
    var value = this.value();
    $scope.scopeTest = "Test";
}

$scope.thingsOptions = {
    value: today,
    change: onChangeData,
    dates: $scope.events,
    month: {
        content: $("#redDays").html(),
        empty: "X"
    }
};

在 html 页面中我有:

<h4 class="form-control-static text-info">{{scopeTest}}</h4>

为什么当我选择一个日期并调用 onChangeData 函数时，scopeTest 没有绑定(bind)在 View html 页面中？怎么了？

谢谢

Answer 1

我认为问题是剑道日历在 Angular 摘要周期之外调用更改处理程序... Angular watch 不会对摘要周期之外所做的更改使用react，直到下一个周期...所以解决方案可以是手动调用$apply()方法$scope

var onChangeData = function () {
    var value = this.value();
    $scope.scopeTest = "Test";
    $scope.$apply()
}