L'ambito $ angolare non verrà aggiornato nella richiamata bootbox

Question

Questa è la mia prima domanda su SO.

Quando si unisce un elemento di un array sull'oscilloscopio, tale modifica non viene riflessa quando viene eseguita in un callback di bootbox.js.

Works:

$scope.deleteA = function() { 
    if (confirm("Really delete Item 3?")) { 
     $scope.itemsA.splice(2, 1); 
    } 
} 

non funziona:

$scope.deleteB = function() { 
    bootbox.confirm("Really delete Item 3?", function(answer) { 
     if (answer === true) { 
     $scope.itemsB.splice(2, 1); 
     } 
    }); 
} 

Sono soprattutto interessato a comprendere il motivo per cui . Questo è molto più importante per me che avere una soluzione alternativa.

I created a Plunker to show the effect

Answer 1

Qualsiasi cambiamento accade con variabile portata angolare dal mondo ouside angolare, non intima sistema angolare digerire per eseguire digerire ciclo per l'aggiornamento obbligatorio.
Nel callback angolare bootbox non si sa che qualcosa cambia, ecco perché non aggiornare la visualizzazione.
Per risolvere questo problema, è necessario dare il via ciclo di digest manualmente utilizzando $apply method, o $timeout service, come questo metodo sicuro

bootbox.confirm("Really delete Item 3?", function(answer) { 
    if (answer === true) { 
    $scope.$apply(function(){ 
     $scope.itemsB.splice(2, 1); 
    }); 
    } 
}); 

Answer 2

per applicare delle modifiche al contenuto sarebbe utilizzando $timeout servizio.

bootbox.confirm("Really delete Item 3?", function(answer) { 
    if (answer === true) { 
    $timeout($scope.itemsB.splice(2, 1)); 
    } 
}); 

quindi non avete bisogno di preoccuparsi di $digest fase e la vostra $apply sarà una pila alta chiamata a dare un'occhiata a https://github.com/angular/angular.js/wiki/Anti-Patterns punto -2.

Non fare if (! $ Portata. $$ fase) $ portata. Applicare $(), significa che il $ portata. $ Applicare() non è sufficientemente alto nello stack di chiamate.