单击确认后Angularjs绑定未更新

Question

在接受一份维护和改进内部应用程序的工作后，我刚刚开始学习 ng1。

我发现了一些实例，其中表中的值在单击确认时没有更新（在某些情况下重置为零。）但是，它们在控制台中更新。此外，在值重置为零后，当您再次更新输入值时，字段会立即恢复其正确值。

我的前任提出的一个解决方案是在这些值正确更新时使用禁用的输入。然而，这是一个 hack，我的老板希望我更正它。

有关该问题的更基本示例，请参见下文：

 coeficienteFactory.saveProjectCoeficient(vm.id_project, vm.coeficient)
            .then(function succesCallback(response) {

                console.log('true!!!');
                vm.confirm = true;
                setTimeout(function(){ vm.confirm = false; console.log("disappears!!!")}, 2000);

            }).catch(function errorCallback(response) {  
                console.log(response)
            });

上面的例子会触发vm.confirm，并且通过ng-show在视图中会出现一条成功消息。然而，两秒钟后，“消失”消息将出现在控制台中，但确认消息在视图中没有相应响应......

这显然是我的一个根本性误解，我必须快速学习！

任何帮助将不胜感激。谢谢。

Answer 1

您需要使用 Angular 版本 - $timeout - 这会导致摘要循环。变化：

setTimeout(function(){ vm.confirm = false; console.log("disappears!!!")}, 2000);

收件人：

$timeout(() => {
    vm.confirm = false;
    console.log('disappears!!!');
}, 2000);

一定要在你的控制器中注入$timeout。