绑定不更新，ocModal

Question

我正在使用 ocModal 指令 + 服务 (https://github.com/ocombe/ocModal)。当有人想要删除一条记录时，他们点击删除按钮，该按钮通过 ocModal 弹出一个确认模式。

oc-modal-close ng-click="deleteNote(id)"

到目前为止一切顺利。在控制器中 deleteNote 运行。 Console.log 显示参数是我传递的 id。我调用一个 API 从我的数据库中删除笔记，并在成功调用一个函数从 Angular 变量 $scope.notes 中删除笔记。

  $scope.removeNote = function(id){
    console.log(id);
    console.log($scope.notes);
    delete $scope.notes[id];
    console.log($scope.notes);
  };

id 正确，删除命令后的 $scope.notes 显示它已正确删除。然而，我的前端没有相应的更新。根据我在 Stackover 上看到的建议，我使用了 apply()，这导致了“已在进行中的摘要循环”错误。然后我尝试使用 $timeout ，但是虽然它消除了摘要循环错误，但它并没有解决绑定问题。

ng-repeat 使用 $scope.notes 是否相关，然后使用指令？我做了一些实验，不这么认为，但以防万一想提一下。

Answer 1

你从哪里调用 $scope.removeNote？它来自您的主控制器还是模态控制器？也许是一个指令？ 感觉好像打错了范围。您可以尝试将注释移动到 $scope.model.notes 并查看它是否有帮助，因为它将确保引用正确的范围，但除非您尝试提供一个小提琴，否则很难说发生的问题。 我创建了这个简单的小提琴，试图用 $timeout 模拟 API 调用，它可以工作 -> http://jsfiddle.net/7eqsc/1/

angular.module('myApp',[])
.controller('myCtrl',function($scope,$timeout){
$scope.notes={
    a:'AngularJS',
    b:'Rocks'
}

$scope.addRandom=function(){
    $scope.notes[parseInt(Math.random()*10000).toString(36)]='New Item';
}

$scope.removeNote=function(id){
    //emulate API call
    $timeout(function(){
    delete $scope.notes[id];
    },2000);
}

});

一般来说，我建议将东西放在一个对象下，例如“.model.yourArray”，它可以确保正确保存引用并为您省去很多麻烦。